diff options
| author | Nicolas Dufour <nicoduf@yahoo.fr> | 2016-08-27 10:45:34 +0000 |
|---|---|---|
| committer | JazzyNico <nicoduf@yahoo.fr> | 2016-08-27 10:45:34 +0000 |
| commit | 44d1206c0e63d47eb87a7e6723bf1028ba16ffdd (patch) | |
| tree | 40d75bebcd556c287e5d3a79e63ec640f4fdc77a /share/tutorials/tutorial-interpolate.svg | |
| parent | [Bug #1590529] Italian tutorials translation update (and new Elements tutoria... (diff) | |
| download | inkscape-44d1206c0e63d47eb87a7e6723bf1028ba16ffdd.tar.gz inkscape-44d1206c0e63d47eb87a7e6723bf1028ba16ffdd.zip | |
[Bug #1417923] Fixing issues with titles.
Fixed bugs:
- https://launchpad.net/bugs/1417923
(bzr r15079)
Diffstat (limited to 'share/tutorials/tutorial-interpolate.svg')
| -rw-r--r-- | share/tutorials/tutorial-interpolate.svg | 152 |
1 files changed, 76 insertions, 76 deletions
diff --git a/share/tutorials/tutorial-interpolate.svg b/share/tutorials/tutorial-interpolate.svg index 8cbf06044..9e21fcd34 100644 --- a/share/tutorials/tutorial-interpolate.svg +++ b/share/tutorials/tutorial-interpolate.svg @@ -40,70 +40,70 @@ <text id="text7519" opacity=".5" line-height="125%" xml:space="preserve" transform="rotate(90)" font-size="6.9693px" y="-326.81229" x="3.6203015" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="3.6203015" style="letter-spacing:.29056" y="-326.81229">Use <tspan id="tspan7523" font-weight="bold">Ctrl+down arrow</tspan> to scroll </tspan></text> <path id="path7527" opacity=".5" style="color:#000000" d="m338.53 197.82-13.108-1.2709 7.6547-10.717z" fill-rule="evenodd" transform="matrix(.61496 .045496 .061919 -.45186 112.46 201.6)"/> </g> - <text id="text1920" font-family="sans-serif" font-size="7" transform="scale(1.1307)" y="18.25828" x="176.24451" fill="#ffffff"> + <text id="text1920" font-family="sans-serif" font-size="7" transform="scale(1.1307)" y="30" x="35" fill="#ffffff"> <tspan id="tspan1668" style="letter-spacing:2.1813" fill="#ffffff" dx="0 -0.57057059 0 0 0 0 0">::INTERPOLATE</tspan> </text> -Ryan Lerch, ryanlerch at gmail dot com - <rect id="d0e15" display="none" height="1e3px" width="264" y="36" x="35"/> +<!--Author: Ryan Lerch, ryanlerch at gmail dot com--> + <rect id="d0e15" display="none" height="1e3px" width="264" y="46" x="35"/> <flowRoot font-family="sans-serif" font-size="7.2" font-style="italic" line-height="150%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e15"/> </flowRegion> <flowDiv xml:space="preserve">This document explains how to use Inkscape's Interpolate extension</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="67.7679686" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="67.7679686" x="10">Introduction</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="77.7679686" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="77.7679686" x="10">Introduction</tspan> </text> - <rect id="d0e24" display="none" height="1e3px" width="288" y="72.968" x="10"/> + <rect id="d0e24" display="none" height="1e3px" width="288" y="82.968" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e24"/> </flowRegion> <flowDiv xml:space="preserve">Interpolate does a <flowSpan font-style="italic">linear interpolation</flowSpan> between two or more selected paths. It basically means that it “fills in the gaps” between the paths and transforms them according to the number of steps given.</flowDiv> </flowRoot> - <rect id="d0e30" display="none" height="1e3px" width="288" y="112.1" x="10"/> + <rect id="d0e30" display="none" height="1e3px" width="288" y="122.1" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e30"/> </flowRegion> <flowDiv xml:space="preserve">To use the Interpolate extension, select the paths that you wish to transform, and choose <flowSpan font-family="sans-serif">Extensions > Generate From Path > Interpolate</flowSpan> from the menu.</flowDiv> </flowRoot> - <rect id="d0e36" display="none" height="1e3px" width="288" y="149.57" x="10"/> + <rect id="d0e36" display="none" height="1e3px" width="288" y="159.57" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e36"/> </flowRegion> <flowDiv xml:space="preserve">Before invoking the extension, the objects that you are going to transform need to be <flowSpan font-style="italic">paths</flowSpan>. This is done by selecting the object and using <flowSpan font-family="sans-serif">Path > Object to Path</flowSpan> or <flowSpan font-weight="bold">Shift+Ctrl+C</flowSpan>. If your objects are not paths, the extension will do nothing.</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="212.17002560000003" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="212.17002560000003" x="10">Interpolation between two identical paths</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="222.15031560000003" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="222.15031560000003" x="10">Interpolation between two identical paths</tspan> </text> - <rect id="d0e54" display="none" height="1e3px" width="288" y="217.37" x="10"/> + <rect id="d0e54" display="none" height="1e3px" width="288" y="227.35" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e54"/> </flowRegion> <flowDiv xml:space="preserve">The simplest use of the Interpolate extension is to interpolate between two paths that are identical. When the extension is called, the result is that the space between the two paths is filled with duplicates of the original paths. The number of steps defines how many of these duplicates are placed.</flowDiv> </flowRoot> - <rect id="d0e57" display="none" height="1e3px" width="288" y="277.67" x="10"/> + <rect id="d0e57" display="none" height="1e3px" width="288" y="287.65" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e57"/> </flowRegion> <flowDiv xml:space="preserve">For example, take the following two paths:</flowDiv> </flowRoot> - <g id="interpolate-f01-en.svgg2896" stroke-linejoin="round" transform="translate(10 303.54)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> + <g id="interpolate-f01-en.svgg2896" stroke-linejoin="round" transform="translate(10 313.52)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> <path id="interpolate-f01-en.svgrect4368" d="m20.29 2.0163c10.119 0 18.265 8.1467 18.265 18.266s-8.146 18.265-18.265 18.265c-10.12 0-18.266-8.146-18.266-18.265 0.0001-10.119 8.146-18.266 18.266-18.266z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997"/> <path id="interpolate-f01-en.svgrect4370" d="m245.44 2.0163c10.12 0 18.27 8.1467 18.27 18.266s-8.15 18.265-18.27 18.265-18.27-8.146-18.27-18.265 8.15-18.266 18.27-18.266z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997"/> </g> - <rect id="d0e70" display="none" height="1e3px" width="288" y="356.11" x="10"/> + <rect id="d0e70" display="none" height="1e3px" width="288" y="366.09" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e70"/> </flowRegion> <flowDiv xml:space="preserve">Now, select the two paths, and run the Interpolate extension with the settings shown in the following image.</flowDiv> </flowRoot> - <g id="interpolate-f02-en.svgg3003" transform="translate(10 392.62)"> + <g id="interpolate-f02-en.svgg3003" transform="translate(10 402.6)"> <path id="interpolate-f02-en.svgpath4419" stroke-linejoin="round" d="m20.29 2.0037c10.119 0 18.265 8.1463 18.265 18.265s-8.146 18.266-18.265 18.266c-10.12 0-18.266-8.147-18.266-18.266 0.0001-10.119 8.146-18.265 18.266-18.265z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate2.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> <path id="interpolate-f02-en.svgpath4421" stroke-linejoin="round" d="m245.44 2.0037c10.12 0 18.27 8.1463 18.27 18.265s-8.15 18.266-18.27 18.266-18.27-8.147-18.27-18.266 8.15-18.265 18.27-18.265z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate2.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> <g id="interpolate-f02-en.svgg4423" stroke-linejoin="round" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate2.png" transform="matrix(.52187 0 0 .52187 -12.141 -26.068)" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="7.757" fill="#0cf"> @@ -116,42 +116,42 @@ Ryan Lerch, ryanlerch at gmail dot com </g> <flowRoot id="interpolate-f02-en.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.336)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f02-en.svgflowRegion2611"><rect id="interpolate-f02-en.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f02-en.svgflowPara2615">Exponent: 0.0</flowPara><flowPara id="interpolate-f02-en.svgflowPara2617">Interpolation Steps: 6</flowPara><flowPara id="interpolate-f02-en.svgflowPara2619">Interpolation Method: 2</flowPara><flowPara id="interpolate-f02-en.svgflowPara2621">Duplicate Endpaths: unchecked</flowPara><flowPara id="interpolate-f02-en.svgflowPara2623">Interpolate Style: unchecked</flowPara></flowRoot> </g> - <rect id="d0e83" display="none" height="1e3px" width="288" y="484.12" x="10"/> + <rect id="d0e83" display="none" height="1e3px" width="288" y="493.43" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e83"/> </flowRegion> <flowDiv xml:space="preserve">As can be seen from the above result, the space between the two circle-shaped paths has been filled with 6 (the number of interpolation steps) other circle-shaped paths. Also note that the extension groups these shapes together.</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="546.6959164" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="546.6959164" x="10">Interpolation between two different paths</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="556.0043054" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="556.0043054" x="10">Interpolation between two different paths</tspan> </text> - <rect id="d0e92" display="none" height="1e3px" width="288" y="551.9" x="10"/> + <rect id="d0e92" display="none" height="1e3px" width="288" y="561.2" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e92"/> </flowRegion> <flowDiv xml:space="preserve">When interpolation is done on two different paths, the program interpolates the shape of the path from one into the other. The result is that you get a morphing sequence between the paths, with the regularity still defined by the Interpolation Steps value.</flowDiv> </flowRoot> - <rect id="d0e95" display="none" height="1e3px" width="288" y="601.67" x="10"/> + <rect id="d0e95" display="none" height="1e3px" width="288" y="610.98" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e95"/> </flowRegion> <flowDiv xml:space="preserve">For example, take the following two paths:</flowDiv> </flowRoot> - <g id="interpolate-f03-en.svgg15756" stroke-linejoin="round" transform="translate(-7.883 560.41)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> + <g id="interpolate-f03-en.svgg15756" stroke-linejoin="round" transform="translate(-7.883 569.72)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> <path id="interpolate-f03-en.svgpath4455" d="m38.172 69.145c10.119 0 18.266 8.147 18.266 18.266s-8.147 18.269-18.266 18.269-18.265-8.15-18.265-18.269 8.146-18.266 18.265-18.266z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997"/> <path id="interpolate-f03-en.svgpath4457" d="m281.59 76.452l-18.27 29.228-18.26-29.228h36.53z" inkscape:export-ydpi="88.379997" sodipodi:nodetypes="cccc" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997"/> </g> - <rect id="d0e108" display="none" height="1e3px" width="288" y="680.11" x="10"/> + <rect id="d0e108" display="none" height="1e3px" width="288" y="689.41" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e108"/> </flowRegion> <flowDiv xml:space="preserve">Now, select the two paths, and run the Interpolate extension. The result should be like this:</flowDiv> </flowRoot> - <g id="interpolate-f04-en.svgg2967" transform="translate(10 714.52)"> + <g id="interpolate-f04-en.svgg2967" transform="translate(10 723.83)"> <path id="interpolate-f04-en.svgpath2532" stroke-linejoin="round" d="m263.71 9.755s-8.58 13.718-13.98 22.357c-2.48 3.97-4.29 6.868-4.29 6.868s-4.94-7.903-9.68-15.49c-4.38-7.002-8.59-13.735-8.59-13.735h10.17 26.37" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"/> <g id="interpolate-f04-en.svgg2606" stroke-linejoin="round" transform="matrix(.52187 0 0 .52187 -7.8862 -205.17)" stroke="#2e75ac" stroke-width="7.757" fill="#0cf"> <path id="interpolate-f04-en.svgpath2534" d="m453.79 409.84c2.77 0-9.09 24.76-17.95 41.71-4.08 7.37-7.26 12.91-7.62 13.61-0.84 1.59-10.62-10.31-20.33-22.77-8.9-11.5-17.32-23.4-18.22-24.71-0.56-0.8 6.36-1.78 15.81-2.84 17.76-2.77 45.54-5 48.31-5"/> @@ -164,28 +164,28 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f04-en.svgpath2546" stroke-linejoin="round" d="m20.29 2.4488c10.119 0 18.265 8.1462 18.265 18.265 0 3.067-0.748 5.952-2.072 8.485-3.046 5.824-9.141 9.781-16.193 9.781-6.245 0-11.738-3.102-15.029-7.856-2.0425-2.95-3.2369-6.535-3.2369-10.41 0-10.119 8.1459-18.265 18.266-18.265v-0.0002" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"/> <flowRoot id="interpolate-f04-en.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.535)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f04-en.svgflowRegion2611"><rect id="interpolate-f04-en.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f04-en.svgflowPara2615">Exponent: 0.0</flowPara><flowPara id="interpolate-f04-en.svgflowPara2617">Interpolation Steps: 6</flowPara><flowPara id="interpolate-f04-en.svgflowPara2619">Interpolation Method: 2</flowPara><flowPara id="interpolate-f04-en.svgflowPara2621">Duplicate Endpaths: unchecked</flowPara><flowPara id="interpolate-f04-en.svgflowPara2623">Interpolate Style: unchecked</flowPara></flowRoot> </g> - <rect id="d0e121" display="none" height="1e3px" width="288" y="806.21" x="10"/> + <rect id="d0e121" display="none" height="1e3px" width="288" y="814.85" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e121"/> </flowRegion> <flowDiv xml:space="preserve">As can be seen from the above result, the space between the circle-shaped path and the triangle-shaped path has been filled with 6 paths that progress in shape from one path to the other.</flowDiv> </flowRoot> - <rect id="d0e124" display="none" height="1e3px" width="288" y="845.35" x="10"/> + <rect id="d0e124" display="none" height="1e3px" width="288" y="853.98" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e124"/> </flowRegion> <flowDiv xml:space="preserve">When using the Interpolate extension on two different paths, the <flowSpan font-style="italic">position</flowSpan> of the starting node of each path is important. To find the starting node of a path, select the path, then choose the Node Tool so that the nodes appear and press <flowSpan font-weight="bold">TAB</flowSpan>. The first node that is selected is the starting node of that path.</flowDiv> </flowRoot> - <rect id="d0e133" display="none" height="1e3px" width="288" y="905.78" x="10"/> + <rect id="d0e133" display="none" height="1e3px" width="288" y="914.4" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e133"/> </flowRegion> <flowDiv xml:space="preserve">See the image below, which is identical to the previous example, apart from the node points being displayed. The node that is green on each path is the starting node.</flowDiv> </flowRoot> - <g id="interpolate-f05-en.svgg2898" transform="translate(10.094 952.92)"> + <g id="interpolate-f05-en.svgg2898" transform="translate(10.094 961.53)"> <path id="interpolate-f05-en.svgpath4455" stroke-linejoin="round" d="m20.262 2.0739c10.119 0 18.265 8.1461 18.265 18.265 0 10.12-8.146 18.266-18.265 18.266s-18.266-8.146-18.266-18.266c0.0001-10.119 8.147-18.265 18.266-18.265z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> <path id="interpolate-f05-en.svgpath4457" stroke-linejoin="round" d="m263.68 9.3801l-18.27 29.225-18.26-29.225 36.53 0.0001z" inkscape:export-ydpi="88.379997" sodipodi:nodetypes="cccc" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> <rect id="interpolate-f05-en.svgrect2473" transform="rotate(135.48)" height="2.9821" width="2.9821" y="-16.968" x="-14.604" fill="#0f0"/> @@ -196,14 +196,14 @@ Ryan Lerch, ryanlerch at gmail dot com <rect id="interpolate-f05-en.svgrect2483" transform="rotate(135.48)" height="2.9821" width="2.9821" y="-192.64" x="-181.96" fill="#0f0"/> <rect id="interpolate-f05-en.svgrect2485" transform="rotate(135.48)" height="2.9821" width="2.9821" y="-200.55" x="-150.15" fill="#ccc"/> </g> - <rect id="d0e146" display="none" height="1e3px" width="288" y="1006" x="10"/> + <rect id="d0e146" display="none" height="1e3px" width="288" y="1014.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e146"/> </flowRegion> <flowDiv xml:space="preserve">The previous example (shown again below) was done with these nodes being the starting node.</flowDiv> </flowRoot> - <g id="interpolate-f04-en.svgg2967" transform="translate(10 1042.1)"> + <g id="interpolate-f04-en.svgg2967" transform="translate(10 1050.7)"> <path id="interpolate-f04-en.svgpath2532" stroke-linejoin="round" d="m263.71 9.755s-8.58 13.718-13.98 22.357c-2.48 3.97-4.29 6.868-4.29 6.868s-4.94-7.903-9.68-15.49c-4.38-7.002-8.59-13.735-8.59-13.735h10.17 26.37" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"/> <g id="interpolate-f04-en.svgg2606" stroke-linejoin="round" transform="matrix(.52187 0 0 .52187 -7.8862 -205.17)" stroke="#2e75ac" stroke-width="7.757" fill="#0cf"> <path id="interpolate-f04-en.svgpath2534" d="m453.79 409.84c2.77 0-9.09 24.76-17.95 41.71-4.08 7.37-7.26 12.91-7.62 13.61-0.84 1.59-10.62-10.31-20.33-22.77-8.9-11.5-17.32-23.4-18.22-24.71-0.56-0.8 6.36-1.78 15.81-2.84 17.76-2.77 45.54-5 48.31-5"/> @@ -216,14 +216,14 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f04-en.svgpath2546" stroke-linejoin="round" d="m20.29 2.4488c10.119 0 18.265 8.1462 18.265 18.265 0 3.067-0.748 5.952-2.072 8.485-3.046 5.824-9.141 9.781-16.193 9.781-6.245 0-11.738-3.102-15.029-7.856-2.0425-2.95-3.2369-6.535-3.2369-10.41 0-10.119 8.1459-18.265 18.266-18.265v-0.0002" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"/> <flowRoot id="interpolate-f04-en.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.535)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f04-en.svgflowRegion2611"><rect id="interpolate-f04-en.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f04-en.svgflowPara2615">Exponent: 0.0</flowPara><flowPara id="interpolate-f04-en.svgflowPara2617">Interpolation Steps: 6</flowPara><flowPara id="interpolate-f04-en.svgflowPara2619">Interpolation Method: 2</flowPara><flowPara id="interpolate-f04-en.svgflowPara2621">Duplicate Endpaths: unchecked</flowPara><flowPara id="interpolate-f04-en.svgflowPara2623">Interpolate Style: unchecked</flowPara></flowRoot> </g> - <rect id="d0e159" display="none" height="1e3px" width="288" y="1133.8" x="10"/> + <rect id="d0e159" display="none" height="1e3px" width="288" y="1141.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e159"/> </flowRegion> <flowDiv xml:space="preserve">Now, notice the changes in the interpolation result when the triangle path is mirrored so the starting node is in a different position:</flowDiv> </flowRoot> - <g id="interpolate-f07-en.svgg2958" transform="translate(10 1170.6)"> + <g id="interpolate-f07-en.svgg2958" transform="translate(10 1178.5)"> <g id="interpolate-f07-en.svgg2900"> <path id="interpolate-f07-en.svgpath2614" stroke-linejoin="round" d="m20.356 2.0242c10.119 0 18.265 8.1468 18.265 18.266s-8.146 18.265-18.265 18.265-18.266-8.146-18.266-18.265c0.0005-10.119 8.147-18.266 18.266-18.266z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> <path id="interpolate-f07-en.svgpath2616" stroke-linejoin="round" d="m227.24 9.3304l18.27 29.225 18.26-29.225-36.53 0.0004z" inkscape:export-ydpi="88.379997" sodipodi:nodetypes="cccc" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-width="4.0482" fill="#0cf"/> @@ -236,7 +236,7 @@ Ryan Lerch, ryanlerch at gmail dot com <rect id="interpolate-f07-en.svgrect2630" transform="matrix(.71298 .70119 .70119 -.71298 0 0)" height="2.9821" width="2.9821" y="143.71" x="199.83" fill="#ccc"/> </g> </g> - <g id="interpolate-f08-en.svgg2947" transform="translate(10 1231.4)"> + <g id="interpolate-f08-en.svgg2947" transform="translate(10 1239.4)"> <g id="interpolate-f08-en.svgg2693" stroke-linejoin="round" transform="matrix(.52187 0 0 .52187 -7.8862 -265.18)" stroke="#2e75ac" stroke-width="7.757" fill="#0cf"> <path id="interpolate-f08-en.svgpath2695" d="m53.99 511.98c19.39 0 35 15.61 35 35 0 5.88-1.434 11.41-3.971 16.26-5.837 11.16-17.515 18.74-31.029 18.74-11.966 0-22.492-5.94-28.798-15.05-3.913-5.65-6.202-12.52-6.202-19.95 0-19.39 15.61-35 35-35"/> <path id="interpolate-f08-en.svgpath2697" d="m110.62 513.98c16.62 0 32.35 17.14 33.83 36.12 0.68 6.13-0.06 11.66-2.23 15.82-5 9.56-13.66 13.9-23.95 11.82-9.06-1.91-16.93-8.85-22.332-16.66-3.354-4.85-6.523-10.73-8.099-17.1-2.959-16.62 6.164-30 22.781-30"/> @@ -248,24 +248,24 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f08-en.svgpath2709" d="m450.42 525.98s16.43 26.29 26.77 42.84c4.76 7.61 8.23 13.16 8.23 13.16s9.46-15.14 18.55-29.68c8.39-13.42 16.45-26.32 16.45-26.32h-19.48-50.52"/> </g> </g> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1296.7968912000001" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1296.7968912000001" x="10">Interpolation Method</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1304.7417652" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="1304.7417652" x="10">Interpolation Method</tspan> </text> - <rect id="d0e188" display="none" height="1e3px" width="288" y="1302" x="10"/> + <rect id="d0e188" display="none" height="1e3px" width="288" y="1309.9" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e188"/> </flowRegion> <flowDiv xml:space="preserve">One of the parameters of the Interpolate extension is the Interpolation Method. There are 2 interpolation methods implemented, and they differ in the way that they calculate the curves of the new shapes. The choices are either Interpolation Method 1 or 2.</flowDiv> </flowRoot> - <rect id="d0e191" display="none" height="1e3px" width="288" y="1351.7" x="10"/> + <rect id="d0e191" display="none" height="1e3px" width="288" y="1359.6" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e191"/> </flowRegion> <flowDiv xml:space="preserve">In the examples above, we used Interpolation Method 2, and the result was:</flowDiv> </flowRoot> - <g id="interpolate-f09-en.svgg2939" stroke-linejoin="round" transform="translate(10 1386.5)" stroke="#2e75ac" fill="#0cf"> + <g id="interpolate-f09-en.svgg2939" stroke-linejoin="round" transform="translate(10 1394.4)" stroke="#2e75ac" fill="#0cf"> <path id="interpolate-f09-en.svgpath2532" d="m263.71 9.3346s-8.58 13.717-13.98 22.356c-2.48 3.971-4.29 6.868-4.29 6.868s-4.94-7.903-9.68-15.489c-4.38-7.003-8.59-13.735-8.59-13.735 0-0.0004 4.42-0.0004 10.17-0.0004h26.37" stroke-width="4.0482"/> <g id="interpolate-f09-en.svgg2606" transform="matrix(.52187 0 0 .52187 -7.8862 -205.59)" stroke-width="7.757"> <path id="interpolate-f09-en.svgpath2534" d="m453.79 409.84c2.77 0-9.09 24.76-17.95 41.71-4.08 7.37-7.26 12.91-7.62 13.61-0.84 1.59-10.62-10.31-20.33-22.77-8.9-11.5-17.32-23.4-18.22-24.71-0.56-0.8 6.36-1.78 15.81-2.84 17.76-2.77 45.54-5 48.31-5"/> @@ -277,14 +277,14 @@ Ryan Lerch, ryanlerch at gmail dot com </g> <path id="interpolate-f09-en.svgpath2546" d="m20.29 2.0284c10.119 0 18.265 8.1466 18.265 18.266 0 3.066-0.748 5.952-2.072 8.484-3.046 5.824-9.141 9.781-16.193 9.781-6.245 0-11.738-3.102-15.029-7.855-2.0425-2.95-3.2369-6.535-3.2369-10.41 0-10.119 8.1459-18.266 18.266-18.266v0.0004" stroke-width="4.0482"/> </g> - <rect id="d0e204" display="none" height="1e3px" width="288" y="1439.1" x="10"/> + <rect id="d0e204" display="none" height="1e3px" width="288" y="1447" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e204"/> </flowRegion> <flowDiv xml:space="preserve">Now compare this to Interpolation Method 1:</flowDiv> </flowRoot> - <g id="interpolate-f10-en.svgg2607" stroke-linejoin="round" transform="translate(-9.278 1448.4)" stroke="#2e75ac" fill="#0cf"> + <g id="interpolate-f10-en.svgg2607" stroke-linejoin="round" transform="translate(-9.278 1456.4)" stroke="#2e75ac" fill="#0cf"> <path id="interpolate-f10-en.svgpath4460" d="m39.568 18.382c10.119 0 18.265 8.147 18.265 18.266s-8.146 18.265-18.265 18.265-18.266-8.146-18.266-18.265 8.147-18.266 18.266-18.266z" inkscape:export-ydpi="88.379997" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997" stroke-width="4.0482"/> <path id="interpolate-f10-en.svgpath4462" d="m282.98 25.689l-18.26 29.224-18.27-29.224h36.53z" inkscape:export-ydpi="88.379997" sodipodi:nodetypes="cccc" inkscape:export-filename="C:\Documents and Settings\ryan\Desktop\interpolate1.png" inkscape:export-xdpi="88.379997" stroke-width="4.0482"/> <g id="interpolate-f10-en.svgg4484" transform="matrix(.52187 0 0 .52187 10.865 -181.24)" stroke-width="7.757"> @@ -296,31 +296,31 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f10-en.svgpath4496" d="m454.8 394.51c2.77 0-25 50.23-25 53s-32.23-43-35-43 10-2.23 25-5 32.23-5 35-5"/> </g> </g> - <rect id="d0e217" display="none" height="1e3px" width="288" y="1517.4" x="10"/> + <rect id="d0e217" display="none" height="1e3px" width="288" y="1525.3" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e217"/> </flowRegion> <flowDiv xml:space="preserve">The differences in how these methods calculate the numbers is beyond the scope of this document, so simply try both, and use which ever one gives the result closest to what you intend.</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1569.3264597" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1569.3264597" x="10">Exponent</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1577.2713336999998" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="1577.2713336999998" x="10">Exponent</tspan> </text> - <rect id="d0e226" display="none" height="1e3px" width="288" y="1574.5" x="10"/> + <rect id="d0e226" display="none" height="1e3px" width="288" y="1582.5" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e226"/> </flowRegion> <flowDiv xml:space="preserve">The <flowSpan font-style="italic">exponent parameter</flowSpan> controls the spacing between steps of the interpolation. An exponent of 0 makes the spacing between the copies all even.</flowDiv> </flowRoot> - <rect id="d0e232" display="none" height="1e3px" width="288" y="1612" x="10"/> + <rect id="d0e232" display="none" height="1e3px" width="288" y="1619.9" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e232"/> </flowRegion> <flowDiv xml:space="preserve">Here is the result of another basic example with an exponent of 0.</flowDiv> </flowRoot> - <g id="interpolate-f11-en.svgg2920" transform="translate(10 1637.7)"> + <g id="interpolate-f11-en.svgg2920" transform="translate(10 1645.7)"> <path id="interpolate-f11-en.svgpath5198" stroke-linejoin="round" d="m247.6 27.441h-10.65l-5.33-9.226 5.33-9.226h10.65l5.33 9.226-5.33 9.226z" stroke="#17a500" stroke-width=".86884" fill="#0f0"/> <path id="interpolate-f11-en.svgpath5921" stroke-linejoin="round" d="m22.999 28.619s-3.491-3.274-3.621-3.274c-0.066 0-0.79 4.829-0.872 4.829s-2.393-4.166-2.481-4.166c-0.087 0-2.283 4.393-2.365 4.393-0.081 0-0.986-4.649-1.051-4.649-0.131 0-3.5815 3.526-3.5815 3.526s0.6054-4.753 0.5399-4.866c-0.0327-0.057-4.3588 2.191-4.3997 2.121-0.0409-0.071 1.9781-4.395 1.9345-4.471-0.0436-0.075-4.8806 0.725-4.9215 0.655-0.0408-0.071 3.1955-3.54 3.1628-3.597-0.0654-0.113-4.9385-0.837-4.9385-0.837-0.00004 0 4.2094-2.3 4.2748-2.413 0.0327-0.057-4.322-2.231-4.2811-2.302 0.0204-0.036 4.6908-0.901 4.7123-0.938s-3.483-3.4376-3.4612-3.4754 4.7214 0.5734 4.7428 0.5362c0.0215-0.0372-2.2719-4.3618-2.2514-4.3972 0.0409-0.0708 4.3273 1.9258 4.36 1.8691 0.0654-0.1133-0.7671-4.9822-0.7671-4.9822s3.4899 3.2745 3.6209 3.2745c0.066 0 0.79-4.8295 0.872-4.8295 0.081-0.00003 2.393 4.1658 2.48 4.1658 0.088 0 2.283-4.3929 2.365-4.3929 0.082-0.00003 0.987 4.6493 1.052 4.6493 0.131 0 3.581-3.5263 3.581-3.5263s-0.605 4.7534-0.54 4.8667c0.033 0.0566 4.359-2.1918 4.4-2.121 0.041 0.0709-1.978 4.3946-1.935 4.4702 0.022 0.0377 4.837-0.8006 4.859-0.7634 0.021 0.0372-3.232 3.4771-3.212 3.5121 0.041 0.071 4.909 0.785 4.942 0.841 0.065 0.114-4.057 2.414-4.057 2.414s4.349 2.184 4.284 2.297c-0.033 0.057-4.72 0.951-4.761 1.022-0.021 0.036 3.484 3.435 3.463 3.472-0.022 0.038-4.721-0.574-4.743-0.536-0.044 0.076 2.227 4.439 2.186 4.51-0.04 0.071-4.327-1.926-4.36-1.869-0.065 0.113 0.768 4.982 0.768 4.982" stroke="#17a500" stroke-width=".79675" fill="#0f0"/> <g id="interpolate-f11-en.svgg6545" stroke-linejoin="round" transform="matrix(.52187 0 0 .52187 -9.2175 -573.47)" stroke="#17a500" stroke-width="1.6649" fill="#0f0"> @@ -333,14 +333,14 @@ Ryan Lerch, ryanlerch at gmail dot com </g> <flowRoot id="interpolate-f11-en.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 14.935)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f11-en.svgflowRegion2611"><rect id="interpolate-f11-en.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f11-en.svgflowPara2615">Exponent: 0.0</flowPara><flowPara id="interpolate-f11-en.svgflowPara2617">Interpolation Steps: 6</flowPara><flowPara id="interpolate-f11-en.svgflowPara2619">Interpolation Method: 2</flowPara><flowPara id="interpolate-f11-en.svgflowPara2621">Duplicate Endpaths: unchecked</flowPara><flowPara id="interpolate-f11-en.svgflowPara2623">Interpolate Style: unchecked</flowPara></flowRoot> </g> - <rect id="d0e245" display="none" height="1e3px" width="288" y="1717.8" x="10"/> + <rect id="d0e245" display="none" height="1e3px" width="288" y="1725.1" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e245"/> </flowRegion> <flowDiv xml:space="preserve">The same example with an exponent of 1:</flowDiv> </flowRoot> - <g id="interpolate-f12-en.svgg2771" stroke-linejoin="round" transform="translate(-14.034 1725.2)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f12-en.svgg2771" stroke-linejoin="round" transform="translate(-14.034 1732.5)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f12-en.svgpath6640" d="m271.63 45.832h-10.65l-5.33-9.226 5.33-9.226h10.65l5.33 9.226-5.33 9.226z" stroke-width=".86884"/> <path id="interpolate-f12-en.svgpath6642" d="m47.033 47.01s-3.49-3.274-3.621-3.274c-0.066 0-0.79 4.829-0.872 4.829s-2.393-4.166-2.481-4.166c-0.087 0-2.283 4.393-2.364 4.393-0.082 0-0.987-4.649-1.052-4.649-0.131 0-3.581 3.526-3.581 3.526s0.605-4.753 0.54-4.866c-0.033-0.057-4.359 2.191-4.4 2.121-0.041-0.071 1.978-4.395 1.934-4.471-0.043-0.075-4.88 0.725-4.921 0.655-0.041-0.071 3.195-3.54 3.163-3.597-0.066-0.113-4.939-0.837-4.939-0.837s4.21-2.3 4.275-2.413c0.033-0.057-4.322-2.232-4.281-2.302 0.02-0.036 4.691-0.901 4.712-0.938 0.022-0.037-3.483-3.438-3.461-3.475 0.022-0.038 4.721 0.573 4.743 0.536 0.021-0.037-2.272-4.362-2.252-4.397 0.041-0.071 4.328 1.925 4.36 1.869 0.066-0.114-0.767-4.983-0.767-4.983s3.49 3.275 3.621 3.275c0.066 0 0.79-4.83 0.872-4.83s2.393 4.166 2.48 4.166c0.088 0 2.284-4.393 2.365-4.393 0.082 0 0.987 4.65 1.052 4.65 0.131 0 3.581-3.527 3.581-3.527s-0.605 4.754-0.54 4.867c0.033 0.057 4.359-2.192 4.4-2.121s-1.978 4.395-1.934 4.47c0.021 0.038 4.837-0.8 4.858-0.763s-3.232 3.476-3.211 3.512c0.04 0.071 4.908 0.785 4.941 0.841 0.065 0.114-4.057 2.414-4.057 2.414s4.349 2.184 4.284 2.297c-0.033 0.057-4.72 0.951-4.761 1.022-0.021 0.036 3.484 3.435 3.463 3.472-0.021 0.038-4.721-0.574-4.743-0.536-0.043 0.076 2.227 4.439 2.187 4.51-0.041 0.071-4.328-1.926-4.36-1.869-0.066 0.113 0.767 4.982 0.767 4.982" stroke-width=".79675"/> <g id="interpolate-f12-en.svgg6743" transform="matrix(.52187 0 0 .52187 14.289 -599.89)" stroke-width="1.6649"> @@ -352,14 +352,14 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f12-en.svgpath6755" d="m176.92 1239s-5.23-4.6-5.91-4.6c-0.33 0-1.62 6.8-2.04 6.8-0.37 0-3.9-5.9-4.3-5.9s-3.77 6.2-4.16 6.2-1.93-6.6-2.27-6.6c-0.5 0-5.65 5-5.88 5-0.32 0-0.21-2.5 0.02-4.4 0.14-1.3 0.2-2.5 0.07-2.7-0.14-0.3-6.37 2.7-6.6 2.3-0.18-0.3 2.53-6.7 2.32-7-0.19-0.4-7.14 0.5-7.34 0.2-0.19-0.3 4.23-5.5 4.06-5.8-0.24-0.4-7.25-1.6-7.37-1.9-0.17-0.3 5.61-3.7 5.61-4.1-0.06-0.1-0.88-0.6-1.87-1.1-1.8-1-4.2-2.4-3.99-2.8 0.14-0.2 6.85-1.7 7.03-2 0.16-0.3-4.64-5.3-4.46-5.6 0.16-0.3 6.91 0.3 7.07 0.1 0.17-0.3-2.92-6.7-2.76-6.9 0.2-0.4 6.37 2.2 6.53 1.9 0.34-0.6-0.52-6.9-0.65-7.6-0.01-0.1-0.01-0.1 0-0.1 0.06 0 5.28 4.6 5.91 4.6 0.33 0 1.63-6.8 2.04-6.8 0.37 0 3.9 5.8 4.3 5.8s3.77-6.1 4.16-6.1 1.93 6.5 2.27 6.5c0.51 0 5.65-5 5.88-5 0.32 0 0.21 2.4-0.02 4.4-0.15 1.3-0.21 2.5-0.08 2.8 0.15 0.2 6.38-2.7 6.6-2.3 0.18 0.3-2.52 6.6-2.32 7 0.17 0.2 7.08-0.7 7.25-0.4 0.16 0.3-4.28 5.4-4.12 5.6 0.2 0.4 7.2 1.6 7.37 1.9 0.25 0.5-5.41 3.9-5.32 4.1 0.08 0.2 1.05 0.7 2.17 1.3 1.77 0.9 3.95 2.3 3.73 2.6-0.16 0.3-6.9 1.8-7.11 2.2-0.16 0.3 4.64 5.3 4.47 5.6-0.16 0.3-6.91-0.4-7.08-0.1-0.2 0.4 2.85 6.7 2.66 7.1-0.2 0.3-6.37-2.3-6.53-2-0.34 0.6 0.66 7.8 0.66 7.8"/> </g> </g> - <rect id="d0e258" display="none" height="1e3px" width="288" y="1786.4" x="10"/> + <rect id="d0e258" display="none" height="1e3px" width="288" y="1793.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e258"/> </flowRegion> <flowDiv xml:space="preserve">with an exponent of 2:</flowDiv> </flowRoot> - <g id="interpolate-f13-en.svgg2760" stroke-linejoin="round" transform="translate(-14.034 1793.7)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f13-en.svgg2760" stroke-linejoin="round" transform="translate(-14.034 1801)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f13-en.svgpath6644" d="m271.63 45.832h-10.65l-5.33-9.226 5.33-9.226h10.65l5.33 9.226-5.33 9.226z" stroke-width=".86884"/> <path id="interpolate-f13-en.svgpath6646" d="m47.033 47.01s-3.49-3.274-3.621-3.274c-0.066 0-0.79 4.829-0.872 4.829s-2.393-4.166-2.481-4.166c-0.087 0-2.283 4.393-2.364 4.393-0.082 0-0.987-4.649-1.052-4.649-0.131 0-3.581 3.526-3.581 3.526s0.605-4.753 0.54-4.866c-0.033-0.057-4.359 2.191-4.4 2.121-0.041-0.071 1.978-4.395 1.934-4.471-0.043-0.075-4.88 0.725-4.921 0.655-0.041-0.071 3.195-3.54 3.163-3.597-0.066-0.113-4.939-0.837-4.939-0.837s4.21-2.3 4.275-2.413c0.033-0.057-4.322-2.231-4.281-2.302 0.02-0.036 4.691-0.901 4.712-0.938 0.022-0.037-3.483-3.438-3.461-3.475 0.022-0.038 4.721 0.573 4.743 0.536 0.021-0.037-2.272-4.362-2.252-4.397 0.041-0.071 4.328 1.925 4.36 1.869 0.066-0.114-0.767-4.983-0.767-4.983s3.49 3.275 3.621 3.275c0.066 0 0.79-4.83 0.872-4.83s2.393 4.166 2.48 4.166c0.088 0 2.284-4.393 2.365-4.393 0.082 0 0.987 4.65 1.052 4.65 0.131 0 3.581-3.527 3.581-3.527s-0.605 4.754-0.54 4.867c0.033 0.057 4.359-2.192 4.4-2.121s-1.978 4.395-1.934 4.47c0.021 0.038 4.837-0.8 4.858-0.763s-3.232 3.477-3.211 3.512c0.04 0.071 4.908 0.785 4.941 0.841 0.065 0.114-4.057 2.414-4.057 2.414s4.349 2.184 4.284 2.297c-0.033 0.057-4.72 0.951-4.761 1.022-0.021 0.036 3.484 3.435 3.463 3.472-0.021 0.038-4.721-0.574-4.743-0.536-0.043 0.076 2.227 4.439 2.187 4.51-0.041 0.071-4.328-1.926-4.36-1.869-0.066 0.113 0.767 4.982 0.767 4.982" stroke-width=".79675"/> <g id="interpolate-f13-en.svgg6943" transform="matrix(.52187 0 0 .52187 14.289 -641)" stroke-width="1.6649"> @@ -371,14 +371,14 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f13-en.svgpath6955" d="m222.09 1317.5s-4.66-3.9-5.5-3.9c-0.41 0-1.67 5.8-2.19 5.8-0.46 0-3.63-5-4.12-5s-3.53 5.3-4.01 5.3-1.95-5.6-2.37-5.6c-0.61 0-5.17 4.2-5.49 4.2-0.45 0-0.47-2.1-0.27-3.8 0.12-1.1 0.15-2.1-0.01-2.4-0.18-0.3-5.6 2.1-5.88 1.6-0.22-0.4 2.02-6 1.77-6.4-0.24-0.4-6.27 0.2-6.51-0.2s3.48-4.9 3.26-5.3c-0.29-0.5-6.37-1.7-6.54-2-0.24-0.4 4.64-3.6 4.59-3.9-0.1-0.2-0.82-0.7-1.67-1.1-1.54-0.8-3.54-2.2-3.27-2.7 0.18-0.3 6.01-1.7 6.25-2.1 0.2-0.3-3.83-4.8-3.61-5.2 0.21-0.3 6.07 0.1 6.28-0.3 0.22-0.3-2.35-5.9-2.15-6.3 0.25-0.4 5.61 1.7 5.81 1.3 0.42-0.7-0.22-6.2-0.33-6.9-0.01 0-0.01-0.1 0-0.1 0.08 0 4.72 4 5.5 4 0.41 0 1.68-5.8 2.19-5.8 0.46 0 3.63 5 4.12 5s3.53-5.3 4.01-5.3c0.49 0 1.95 5.6 2.38 5.6 0.6 0 5.17-4.3 5.48-4.3 0.45 0 0.46 2.1 0.27 3.8-0.13 1.1-0.15 2.2 0.01 2.5 0.18 0.3 5.59-2.1 5.88-1.6 0.22 0.4-2.03 5.9-1.77 6.4 0.21 0.3 6.21-0.3 6.43 0 0.21 0.4-3.53 4.9-3.32 5.2 0.25 0.5 6.32 1.7 6.54 2 0.3 0.6-4.48 3.7-4.35 3.9 0.12 0.2 0.98 0.7 1.94 1.2 1.52 0.8 3.32 2.1 3.04 2.6-0.19 0.3-6.04 1.7-6.31 2.2-0.2 0.3 3.84 4.8 3.61 5.1-0.2 0.4-6.06 0-6.27 0.4-0.25 0.4 2.29 6 2.05 6.4-0.25 0.4-5.61-1.6-5.81-1.3-0.43 0.7 0.34 7 0.34 7"/> </g> </g> - <rect id="d0e271" display="none" height="1e3px" width="288" y="1854.9" x="10"/> + <rect id="d0e271" display="none" height="1e3px" width="288" y="1862.2" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e271"/> </flowRegion> <flowDiv xml:space="preserve">and with an exponent of -1:</flowDiv> </flowRoot> - <g id="interpolate-f14-en.svgg2749" stroke-linejoin="round" transform="translate(-14.748 1862.3)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f14-en.svgg2749" stroke-linejoin="round" transform="translate(-14.748 1869.5)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f14-en.svgpath6648" d="m272.35 45.832h-10.66l-5.32-9.226 5.32-9.226h10.66l5.32 9.226-5.32 9.226z" stroke-width=".86884"/> <path id="interpolate-f14-en.svgpath6650" d="m47.747 47.01s-3.49-3.274-3.621-3.274c-0.065 0-0.79 4.829-0.872 4.829-0.081 0-2.393-4.166-2.48-4.166s-2.283 4.393-2.365 4.393-0.987-4.649-1.052-4.649c-0.131 0-3.581 3.526-3.581 3.526s0.605-4.753 0.54-4.866c-0.033-0.057-4.359 2.191-4.4 2.121-0.041-0.071 1.978-4.395 1.935-4.471-0.044-0.075-4.881 0.725-4.922 0.655-0.041-0.071 3.196-3.54 3.163-3.597-0.065-0.113-4.939-0.837-4.939-0.837s4.21-2.3 4.275-2.413c0.033-0.057-4.322-2.232-4.281-2.302 0.021-0.036 4.691-0.901 4.712-0.938 0.022-0.037-3.483-3.438-3.461-3.476 0.022-0.037 4.722 0.574 4.743 0.537 0.022-0.037-2.272-4.362-2.251-4.397 0.041-0.071 4.327 1.925 4.36 1.869 0.065-0.114-0.767-4.983-0.767-4.983s3.49 3.275 3.621 3.275c0.065 0 0.789-4.83 0.871-4.83s2.394 4.166 2.481 4.166 2.283-4.393 2.365-4.393c0.081 0 0.986 4.65 1.052 4.65 0.13 0 3.581-3.527 3.581-3.527s-0.606 4.754-0.54 4.867c0.032 0.057 4.358-2.192 4.399-2.121s-1.978 4.395-1.934 4.47c0.022 0.038 4.837-0.8 4.858-0.763 0.022 0.037-3.232 3.476-3.211 3.512 0.041 0.071 4.908 0.785 4.941 0.841 0.065 0.114-4.057 2.414-4.057 2.414s4.35 2.184 4.284 2.297c-0.033 0.057-4.72 0.951-4.761 1.022-0.02 0.036 3.485 3.435 3.463 3.472-0.021 0.038-4.721-0.574-4.743-0.536-0.043 0.076 2.228 4.439 2.187 4.51s-4.327-1.926-4.36-1.869c-0.066 0.113 0.767 4.982 0.767 4.982" stroke-width=".79675"/> <g id="interpolate-f14-en.svgg7477" transform="matrix(.52187 0 0 .52187 15.004 -683.71)" stroke-width="1.6649"> @@ -390,21 +390,21 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f14-en.svgpath7489" d="m94.667 1400s-6.282-5.8-6.651-5.8c-0.182 0-1.545 8.6-1.774 8.6-0.217 0-4.394-7.4-4.626-7.4s-4.206 7.8-4.427 7.8c-0.223 0-1.903-8.3-2.088-8.3-0.322 0-6.523 6.3-6.586 6.3-0.091 0 0.246-3.1 0.531-5.6 0.186-1.6 0.311-3 0.239-3.1-0.085-0.2-7.799 3.8-7.919 3.5-0.107-0.1 3.437-7.9 3.319-8.1-0.115-0.2-8.735 1.2-8.846 1-0.11-0.2 5.594-6.4 5.499-6.6-0.157-0.3-8.842-1.6-8.877-1.7-0.048-0.1 7.38-4.2 7.47-4.5-0.001 0-0.986-0.6-2.243-1.2-2.259-1.2-5.401-2.9-5.305-3 0.067-0.2 8.391-1.8 8.471-1.9 0.074-0.1-6.105-6.2-6.026-6.4 0.075-0.1 8.45 0.9 8.525 0.8 0.077-0.1-3.953-7.9-3.88-8 0.113-0.2 7.755 3.3 7.845 3.1 0.178-0.3-1.06-7.9-1.227-8.9-0.012-0.1-0.017-0.1-0.015-0.1 0.016 0 6.294 5.8 6.651 5.8 0.182 0 1.545-8.6 1.774-8.6 0.217 0 4.394 7.4 4.626 7.4s4.206-7.8 4.427-7.8c0.223 0 1.903 8.3 2.088 8.3 0.322 0 6.523-6.3 6.586-6.3 0.089 0-0.238 3-0.521 5.5-0.192 1.7-0.324 3.1-0.251 3.2 0.086 0.2 7.8-3.7 7.919-3.5 0.107 0.1-3.436 7.9-3.319 8.1 0.076 0.1 8.654-1.3 8.734-1.2 0.08 0.2-5.659 6.3-5.587 6.5 0.114 0.1 8.787 1.5 8.887 1.6 0.16 0.3-7.12 4.5-7.09 4.5 0.02 0.1 1.19 0.7 2.6 1.4 2.24 1.1 5.08 2.7 4.96 2.9-0.09 0.1-8.44 1.8-8.56 2-0.071 0.1 6.11 6.2 6.03 6.4-0.07 0.1-8.448-0.9-8.524-0.8-0.117 0.2 3.874 8 3.764 8.2s-7.756-3.3-7.847-3.1c-0.186 0.3 1.244 9 1.244 9"/> </g> </g> - <rect id="d0e284" display="none" height="1e3px" width="288" y="1923.5" x="10"/> + <rect id="d0e284" display="none" height="1e3px" width="288" y="1930.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e284"/> </flowRegion> <flowDiv xml:space="preserve">When dealing with exponents in the Interpolate extension, the <flowSpan font-style="italic">order</flowSpan> that you select the objects is important. In the examples above, the star-shaped path on the left was selected first, and the hexagon-shaped path on the right was selected second.</flowDiv> </flowRoot> - <rect id="d0e290" display="none" height="1e3px" width="288" y="1973.2" x="10"/> + <rect id="d0e290" display="none" height="1e3px" width="288" y="1980.5" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e290"/> </flowRegion> <flowDiv xml:space="preserve">View the result when the path on the right was selected first. The exponent in this example was set to 1:</flowDiv> </flowRoot> - <g id="interpolate-f15-en.svgg2738" stroke-linejoin="round" transform="translate(-14.748 1990.5)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f15-en.svgg2738" stroke-linejoin="round" transform="translate(-14.748 1997.8)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f15-en.svgpath6652" d="m272.35 46.546h-10.66l-5.32-9.226 5.32-9.226h10.66l5.32 9.226-5.32 9.226z" stroke-width=".86884"/> <path id="interpolate-f15-en.svgpath6654" d="m47.747 47.724s-3.49-3.274-3.621-3.274c-0.065 0-0.79 4.829-0.872 4.829-0.081 0-2.393-4.165-2.48-4.165s-2.283 4.392-2.365 4.392-0.987-4.649-1.052-4.649c-0.131 0-3.581 3.526-3.581 3.526s0.605-4.753 0.54-4.866c-0.033-0.057-4.359 2.192-4.4 2.121s1.978-4.395 1.935-4.47c-0.044-0.076-4.881 0.725-4.922 0.654s3.196-3.54 3.163-3.597c-0.065-0.113-4.939-0.836-4.939-0.836s4.21-2.301 4.275-2.414c0.033-0.057-4.322-2.231-4.281-2.302 0.021-0.036 4.691-0.9 4.712-0.938 0.022-0.037-3.483-3.437-3.461-3.475s4.722 0.573 4.743 0.536c0.022-0.037-2.272-4.362-2.251-4.397 0.041-0.071 4.327 1.926 4.36 1.869 0.065-0.113-0.767-4.982-0.767-4.982s3.49 3.274 3.621 3.274c0.065 0 0.789-4.829 0.871-4.829s2.394 4.165 2.481 4.165 2.283-4.392 2.365-4.392c0.081 0 0.986 4.649 1.052 4.649 0.13 0 3.581-3.526 3.581-3.526s-0.606 4.753-0.54 4.866c0.032 0.057 4.358-2.192 4.399-2.121s-1.978 4.395-1.934 4.47c0.022 0.038 4.837-0.8 4.858-0.763 0.022 0.037-3.232 3.477-3.211 3.512 0.041 0.071 4.908 0.785 4.941 0.842 0.065 0.113-4.057 2.413-4.057 2.413s4.35 2.184 4.284 2.298c-0.033 0.056-4.72 0.951-4.761 1.021-0.02 0.036 3.485 3.435 3.463 3.473-0.021 0.037-4.721-0.574-4.742-0.537-0.044 0.076 2.227 4.439 2.186 4.51s-4.327-1.925-4.36-1.869c-0.066 0.113 0.767 4.982 0.767 4.982" stroke-width=".79675"/> <g id="interpolate-f15-en.svgg7705" transform="matrix(.52187 0 0 .52187 15.531 -723.58)" stroke-width="1.5267"> @@ -416,34 +416,34 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f15-en.svgpath7717" d="m377.93 1476.3s-2.67-1.7-4.09-1.7c-0.7 0-1.84 2.5-2.71 2.5-0.75 0-2.68-2.1-3.49-2.1s-2.7 2.2-3.5 2.2-2.01-2.4-2.73-2.4c-0.95 0-3.5 1.8-4.13 1.8-0.9 0-1.34-0.8-1.26-1.6 0.05-0.4-0.05-1.1-0.32-1.5-0.29-0.5-2.88-0.1-3.36-0.9-0.36-0.6 0.28-3.5-0.14-4.2-0.39-0.7-3.24-1-3.64-1.7-0.4-0.6 0.88-3 0.5-3.7-0.44-0.8-3.31-1.8-3.66-2.4-0.48-0.8 1.27-2.7 1.04-3.2-0.2-0.4-0.6-0.7-0.96-0.9-0.64-0.3-1.25-1.3-0.75-2.2 0.32-0.6 3.07-1.7 3.5-2.4 0.37-0.6-1.03-3-0.63-3.7 0.38-0.7 3.13-1 3.51-1.6 0.4-0.7-0.38-3.6-0.01-4.3 0.42-0.7 2.97-0.3 3.31-0.9 0.72-1.2 0.81-4.2 0.76-4.5h0.03c0.16 0 2.79 1.7 4.08 1.7 0.7 0 1.84-2.5 2.71-2.5 0.75 0 2.68 2.1 3.49 2.1s2.7-2.2 3.5-2.2c0.81 0 2.01 2.3 2.73 2.3 0.96 0 3.5-1.7 4.13-1.7 0.88 0 1.32 0.8 1.24 1.5-0.06 0.5 0.05 1.2 0.33 1.6 0.29 0.5 2.88 0.1 3.36 0.9 0.36 0.6-0.29 3.5 0.14 4.2 0.37 0.7 3.2 0.9 3.6 1.6 0.38 0.7-0.91 3-0.54 3.7 0.43 0.7 3.3 1.8 3.66 2.4 0.49 0.8-1.23 2.7-0.97 3.1 0.24 0.4 0.7 0.8 1.11 1 0.64 0.4 1.18 1.3 0.69 2.1-0.32 0.6-3.09 1.7-3.54 2.5-0.36 0.6 1.04 3 0.64 3.7-0.38 0.6-3.14 1-3.51 1.6-0.42 0.8 0.34 3.6-0.05 4.3-0.41 0.7-2.97 0.4-3.3 1-0.73 1.2-0.77 4.5-0.77 4.5"/> </g> </g> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2065.2198786999998" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2065.2198786999998" x="10">Duplicate Endpaths</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2072.4928517" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2072.4928517" x="10">Duplicate Endpaths</tspan> </text> - <rect id="d0e309" display="none" height="1e3px" width="288" y="2070.4" x="10"/> + <rect id="d0e309" display="none" height="1e3px" width="288" y="2077.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e309"/> </flowRegion> <flowDiv xml:space="preserve">This parameter defines whether the group of paths that is generated by the extension <flowSpan font-style="italic">includes a copy</flowSpan> of the original paths that interpolate was applied on.</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2122.2420666999997" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2122.2420666999997" x="10">Interpolate Style</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2129.5150396999998" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2129.5150396999998" x="10">Interpolate Style</tspan> </text> - <rect id="d0e321" display="none" height="1e3px" width="288" y="2127.4" x="10"/> + <rect id="d0e321" display="none" height="1e3px" width="288" y="2134.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e321"/> </flowRegion> <flowDiv xml:space="preserve">This parameter is one of the neat functions of the interpolate extension. It tells the extension to attempt to change the style of the paths at each step. So if the start and end paths are different colors, the paths that are generated will incrementally change as well.</flowDiv> </flowRoot> - <rect id="d0e324" display="none" height="1e3px" width="288" y="2177.2" x="10"/> + <rect id="d0e324" display="none" height="1e3px" width="288" y="2184.5" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e324"/> </flowRegion> <flowDiv xml:space="preserve">Here is an example where the Interpolate Style function is used on the fill of a path:</flowDiv> </flowRoot> - <g id="interpolate-f16-en.svgg2861" transform="translate(-11.812 2196.6)"> + <g id="interpolate-f16-en.svgg2861" transform="translate(-11.812 2203.9)"> <path id="interpolate-f16-en.svgpath13980" fill="#fc0" d="m52.663 48.163c-2.997 2.904-3.507-5.427-7.12-3.193-3.685 2.279 1.132 7.941-3.228 8.47-4.276 0.518 1.544-6.96-2.678-7.53-4.305-0.581-3.831 7.272-7.908 5.69-3.998-1.551 4.538-5.716 1.63-8.871-2.966-3.217-6.213 5.723-8.463 1.962-2.206-3.688 5.568-2.554 4.959-6.686-0.622-4.213-8.403-0.204-8.03-4.444 0.365-4.158 8.015 2.747 9.9-1.062 1.923-3.885-6.953-4.673-4.277-7.898 2.625-3.162 4.671 4.579 8.371 2.365 3.773-2.258-2.707-7.438 1.458-8.427 4.085-0.969 0.184 7.803 4.35 8.286 4.249 0.493 2.825-8.477 6.66-6.673 3.761 1.769-3.613 6.481-0.834 9.63 2.834 3.212 5.587-5.828 7.763-2.1 2.132 3.655-5.516 3.234-4.864 7.501 0.665 4.351 8.878 0.224 8.029 4.487-0.834 4.18-8.373-3.756-9.995 0.204-1.653 4.037 7.334 5.326 4.277 8.289z"/> <path id="interpolate-f16-en.svgpath13984" fill="#d40000" d="m276.7 46.671c-3 2.905-3.51-5.426-7.13-3.192-3.68 2.279 1.14 7.941-3.22 8.47-4.28 0.518 1.54-6.96-2.68-7.53-4.31-0.581-3.83 7.272-7.91 5.69-4-1.551 4.54-5.716 1.63-8.871-2.96-3.217-6.21 5.723-8.46 1.962-2.21-3.688 5.57-2.554 4.96-6.686-0.62-4.213-8.41-0.204-8.03-4.444 0.36-4.158 8.01 2.747 9.9-1.062 1.92-3.885-6.96-4.673-4.28-7.898 2.63-3.162 4.67 4.579 8.37 2.365 3.77-2.258-2.71-7.438 1.46-8.427 4.08-0.969 0.18 7.803 4.35 8.286 4.25 0.493 2.82-8.477 6.66-6.673 3.76 1.769-3.61 6.481-0.83 9.63 2.83 3.212 5.58-5.828 7.76-2.101 2.13 3.656-5.52 3.235-4.87 7.502 0.67 4.351 8.88 0.224 8.03 4.487-0.83 4.18-8.37-3.756-9.99 0.204-1.66 4.037 7.33 5.326 4.28 8.288z"/> <g id="interpolate-f16-en.svgg14129" transform="matrix(.52187 0 0 .52187 16.74 -799.46)"> @@ -455,14 +455,14 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f16-en.svgpath14141" d="m130.16 1623.8c-5.74 5.5-6.72-10.4-13.64-6.1-7.06 4.3 2.17 15.2-6.19 16.2-8.19 1 2.96-13.3-5.13-14.4-8.248-1.1-7.34 13.9-15.152 10.9-7.66-3 8.696-11 3.123-17h-0.001c-5.683-6.2-11.905 10.9-16.215 3.7h-0.001c-4.226-7 10.67-4.9 9.502-12.8-1.191-8.1-16.101-0.4-15.387-8.5 0.701-8 15.359 5.3 18.971-2h0.001c3.682-7.5-13.324-9-8.196-15.2h0.001c5.029-6 8.95 8.8 16.039 4.6h0.001c7.224-4.4-5.187-14.3 2.794-16.2 7.83-1.8 0.35 15 8.33 15.9h0.01c8.14 0.9 5.41-16.2 12.76-12.8 7.2 3.4-6.93 12.4-1.6 18.5 5.43 6.1 10.7-11.2 14.87-4.1 4.09 7-10.57 6.2-9.32 14.4 1.28 8.3 17.02 0.4 15.39 8.6-1.6 8-16.05-7.2-19.15 0.4-3.17 7.7 14.05 10.2 8.19 15.9" fill="#f8ae00"/> </g> </g> - <rect id="d0e337" display="none" height="1e3px" width="288" y="2262.1" x="10"/> + <rect id="d0e337" display="none" height="1e3px" width="288" y="2269.4" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e337"/> </flowRegion> <flowDiv xml:space="preserve">Interpolate Style also affects the stroke of a path:</flowDiv> </flowRoot> - <g id="interpolate-f17-en.svgg2850" stroke-linejoin="round" transform="translate(-10.689 2273.5)"> + <g id="interpolate-f17-en.svgg2850" stroke-linejoin="round" transform="translate(-10.689 2280.8)"> <path id="interpolate-f17-en.svgpath14293" d="m52.29 44.87c-2.997 2.905-3.507-5.427-7.12-3.192-3.685 2.278 1.132 7.941-3.228 8.469-4.276 0.518 1.544-6.96-2.678-7.53-4.305-0.58-3.831 7.273-7.907 5.691-3.998-1.552 4.538-5.716 1.629-8.871-2.966-3.218-6.213 5.722-8.463 1.961-2.206-3.687 5.568-2.554 4.959-6.685-0.621-4.213-8.403-0.204-8.03-4.444 0.365-4.158 8.015 2.747 9.9-1.063 1.923-3.885-6.953-4.672-4.276-7.897 2.624-3.163 4.67 4.578 8.37 2.364 3.773-2.258-2.706-7.438 1.459-8.426 4.084-0.97 0.183 7.802 4.35 8.285 4.248 0.493 2.824-8.476 6.659-6.672 3.761 1.769-3.613 6.48-0.834 9.63 2.834 3.211 5.588-5.829 7.763-2.101 2.133 3.656-5.515 3.235-4.864 7.502 0.665 4.351 8.879 0.224 8.029 4.487-0.834 4.18-8.372-3.756-9.994 0.203-1.654 4.038 7.333 5.327 4.276 8.289z" stroke="#000" stroke-width="1.5004" fill="#fc0"/> <path id="interpolate-f17-en.svgpath14295" d="m277.07 47.107c-3 2.904-3.51-5.427-7.12-3.193-3.69 2.279 1.13 7.942-3.23 8.47-4.28 0.518 1.54-6.96-2.68-7.53-4.3-0.581-3.83 7.272-7.91 5.69-3.99-1.551 4.54-5.716 1.63-8.871-2.96-3.217-6.21 5.723-8.46 1.962-2.21-3.688 5.57-2.554 4.96-6.686-0.62-4.213-8.4-0.204-8.03-4.444 0.36-4.158 8.01 2.748 9.9-1.062 1.92-3.885-6.95-4.673-4.28-7.898 2.63-3.162 4.67 4.579 8.37 2.365 3.78-2.258-2.7-7.438 1.46-8.427 4.09-0.969 0.19 7.803 4.35 8.286 4.25 0.493 2.83-8.477 6.66-6.673 3.76 1.769-3.61 6.481-0.83 9.63 2.83 3.212 5.59-5.828 7.76-2.1 2.13 3.655-5.51 3.234-4.86 7.501 0.66 4.351 8.88 0.225 8.03 4.487-0.84 4.181-8.38-3.756-10 0.204-1.65 4.038 7.33 5.327 4.28 8.289z" stroke="#ededed" stroke-width="1.5004" fill="#d40000"/> <g id="interpolate-f17-en.svgg14449" transform="matrix(.52187 0 0 .52187 16.367 -843.98)" stroke-width="2.875"> @@ -474,14 +474,14 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f17-en.svgpath14461" d="m438.02 1706.9c-5.75 5.5-6.72-10.4-13.65-6.2-7.06 4.4 2.17 15.3-6.18 16.3-8.19 1 2.96-13.4-5.13-14.5-8.25-1.1-7.34 14-15.15 10.9h-0.01c-7.65-2.9 8.7-10.9 3.13-16.9-5.69-6.2-11.91 10.9-16.22 3.7-4.23-7.1 10.67-4.9 9.5-12.8-1.19-8.1-16.1-0.4-15.38-8.5 0.7-8 15.35 5.2 18.97-2.1 3.68-7.4-13.33-8.9-8.2-15.1 5.03-6 8.95 8.8 16.04 4.5 7.23-4.3-5.18-14.2 2.8-16.1 7.82-1.9 0.35 14.9 8.33 15.9 8.14 0.9 5.41-16.3 12.76-12.8 7.21 3.4-6.92 12.4-1.59 18.4 5.43 6.2 10.7-11.1 14.87-4 4.09 7-10.57 6.2-9.32 14.4 1.27 8.3 17.01 0.4 15.38 8.6-1.59 8-16.04-7.2-19.15 0.4-3.17 7.7 14.06 10.2 8.2 15.9" stroke="#cbcbcb" fill="#da1d00"/> </g> </g> - <rect id="d0e350" display="none" height="1e3px" width="288" y="2338.7" x="10"/> + <rect id="d0e350" display="none" height="1e3px" width="288" y="2346" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e350"/> </flowRegion> <flowDiv xml:space="preserve">Of course, the path of the start point and the end point does not have to be the same either:</flowDiv> </flowRoot> - <g id="interpolate-f18-en.svgg2826" transform="translate(-10.839 2358.8)"> + <g id="interpolate-f18-en.svgg2826" transform="translate(-10.839 2366.1)"> <path id="interpolate-f18-en.svgpath7836" fill="#fc0" d="m52.441 44.409c-2.997 2.905-3.507-5.427-7.12-3.192-3.685 2.278 1.132 7.941-3.228 8.469-4.276 0.518 1.544-6.96-2.678-7.53-4.305-0.581-3.831 7.273-7.908 5.691-3.998-1.552 4.538-5.716 1.63-8.871-2.966-3.218-6.213 5.722-8.463 1.961-2.206-3.687 5.568-2.554 4.959-6.685-0.622-4.213-8.403-0.204-8.031-4.444 0.366-4.158 8.016 2.747 9.901-1.063 1.923-3.885-6.953-4.672-4.277-7.897 2.625-3.163 4.671 4.578 8.371 2.364 3.773-2.258-2.707-7.438 1.458-8.426 4.085-0.97 0.184 7.802 4.35 8.285 4.249 0.493 2.825-8.476 6.66-6.672 3.761 1.769-3.613 6.48-0.834 9.63 2.834 3.211 5.587-5.829 7.762-2.101 2.133 3.656-5.515 3.235-4.863 7.502 0.665 4.351 8.878 0.224 8.029 4.487-0.834 4.18-8.373-3.756-9.995 0.203-1.654 4.038 7.334 5.327 4.277 8.289z"/> <path id="interpolate-f18-en.svgrect7838" d="m255.17 22.167h1.52 1.51 1.52 1.51 1.52 1.52 1.51 1.52 1.51 1.52 1.51 1.52 1.51 1.52 1.52 1.51v1.515 1.516 1.516 1.515 1.516 1.516 1.515 1.516 1.515 1.516 1.516 1.515 1.516 1.515 1.516 1.516h-1.51-1.52-1.52-1.51-1.52-1.51-1.52-1.51-1.52-1.51-1.52-1.52-1.51-1.52-1.51-1.52v-1.516-1.516-1.515-1.516-1.515-1.516-1.516-1.515-1.516-1.515-1.516-1.516-1.515-1.516-1.516-1.515z" sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" fill="#d40000"/> <g id="interpolate-f18-en.svgg8948" transform="matrix(.52187 0 0 .52187 16.891 -819.61)"> @@ -503,28 +503,28 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f18-en.svgpath10446" d="m123.62 1733.5c-1.89 1.9-2.77 1-3.97-0.6-1.01-1.3-1.55-3.2-2.75-4.3-1.1-1-2.16-1.4-3.79-0.3-0.19 0.1-0.38 0.3-0.56 0.4-1.54 1.3-1.47 3-1.44 4.8s0.86 3.7 0.81 5.3c-0.06 1.8-0.35 3.1-2.82 3.4h-0.04c-2.62 0.3-2.48-1.3-2.18-3.4 0.24-1.6 1.22-3.5 1.32-5.2 0.12-1.9 0-3.5-2.25-3.8h-0.06c-2.09-0.2-3.07 0.7-4.18 2.1-1.06 1.4-1.44 3.1-2.321 4.6-1.033 1.7-1.77 3.1-3.594 3-0.478 0-0.946-0.1-1.456-0.3-1.602-0.7-1.741-1.7-1.34-2.8 0.445-1.3 2.172-2.8 3.382-4.4 1.16-1.5 2.64-3.1 2.756-4.7 0.069-0.9-0.082-1.8-0.771-2.7-0.555-0.7-1.126-1.1-1.787-1.1-1.535-0.3-3.087 1.3-4.594 2.7-1.429 1.3-2.818 3.2-4.114 3.7-1.162 0.6-2.249 0.6-3.223-0.9-0.286-0.5-0.47-0.8-0.566-1.2-0.471-1.9 1.137-2.4 3.099-3.3 1.607-0.7 3.451-1 4.588-2.2 0.795-0.8 1.245-1.7 1.024-3.1-0.089-0.5-0.267-1-0.517-1.4-0.891-1.5-2.701-1.5-4.68-1.6-1.813-0.1-3.769 0.4-5.294 0.1-1.721-0.4-2.894-0.9-2.699-3.1 0.013-0.1 0.031-0.2 0.053-0.3 0.371-2.1 2.085-1.7 4.289-1.2 1.545 0.4 3.332 1.5 5.065 2 1.938 0.6 3.809 1.3 5.203 0.7 0.68-0.3 1.247-0.7 1.652-1.4 0.533-1 0.56-1.8 0.259-2.6-0.532-1.5-2.087-2.2-3.696-3.3-1.653-1.1-3.363-1.7-4.076-2.9-0.53-0.9-0.51-1.8 0.488-2.9 0.518-0.5 1.021-0.8 1.518-1 1.505-0.5 2.527 0.8 4.074 2.3 1.293 1.3 2.248 2.7 3.798 3.2 1.078 0.4 2.08 0.3 3.24-0.4 0.46-0.4 0.81-0.7 1.11-1.1 1.15-1.4 0.45-3.2-0.14-5.1-0.58-1.8-1.87-3.6-1.92-5-0.05-1.3 0.33-2.2 2.08-2.7 0.47-0.1 0.87-0.1 1.24-0.1 1.66 0.3 1.59 2.1 1.71 4.4 0.08 1.7-0.38 3.7-0.11 5.3 0.32 2 0.66 3.6 2.57 4h0.35c1.85 0.2 2.78-0.7 3.67-2.2 0.85-1.4 0.97-3.3 1.55-4.9 0.71-2.1 1.06-3.9 2.51-4.2 0.56-0.1 1.13 0 1.84 0.4 1.21 0.6 1.55 1.4 1.54 2.4-0.02 1.4-1.42 3.1-2.44 4.9-0.91 1.6-2.25 3.2-2.53 4.8-0.22 1.3-0.2 2.6 0.67 3.7 0.29 0.4 0.6 0.7 0.95 0.9 1.57 0.8 3.12-0.8 4.61-2.2 1.33-1.3 2.62-3.4 3.84-4.1 1.14-0.7 2.23-0.8 3.24 0.8 0.26 0.4 0.43 0.7 0.53 1.1 0.46 1.9-0.95 2.6-2.75 3.7-1.48 0.8-3.22 1.3-4.41 2.5-1.02 1-1.63 2-1.36 3.7 0.04 0.3 0.11 0.5 0.19 0.7 0.61 1.9 2.25 2.1 4.17 2.4 1.72 0.2 3.66-0.3 5.3-0.1 2.15 0.1 3.77 0.3 3.62 2.4-0.02 0.2-0.05 0.4-0.09 0.6-0.4 1.9-1.75 2-3.52 1.6-1.46-0.4-3.2-1.6-4.94-2.4-1.79-0.7-3.59-1.9-5.05-1.9-1.29 0-2.33 0.3-2.91 1.6-0.22 0.5-0.33 0.9-0.33 1.4-0.03 1.7 1.17 2.7 2.67 4 1.39 1.1 3.04 1.7 4.22 2.8 1.54 1.3 2.25 2.3 0.47 4" stroke="#212121" stroke-width="3.1036" fill="#f8ae00"/> </g> </g> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2477.9049385" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2477.9049385" x="10">Using Interpolate to fake irregular-shaped gradients</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2485.1779115" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2485.1779115" x="10">Using Interpolate to fake irregular-shaped gradients</tspan> </text> - <rect id="d0e369" display="none" height="1e3px" width="288" y="2483.1" x="10"/> + <rect id="d0e369" display="none" height="1e3px" width="288" y="2490.4" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e369"/> </flowRegion> <flowDiv xml:space="preserve">It is not possible in Inkscape (yet) to create a gradient other than linear (straight line) or radial (round). However, it can be faked using the Interpolate extension and Interpolate Style. A simple example follows — draw two lines of different strokes:</flowDiv> </flowRoot> - <g id="interpolate-f19-en.svgg2846" transform="translate(-7.25 2519.6)" stroke-width="5.5" fill="none"> + <g id="interpolate-f19-en.svgg2846" transform="translate(-7.25 2526.9)" stroke-width="5.5" fill="none"> <path id="interpolate-f19-en.svgpath2180" d="m20 132.36l75-32.855 85.71 33.575 77.15-32.86" stroke="#35b8ff"/> <path id="interpolate-f19-en.svgpath3007" d="m20 55.219l75-32.857 85.71 33.572 77.15-32.858" stroke="#ffed35"/> </g> - <rect id="d0e382" display="none" height="1e3px" width="288" y="2667.9" x="10"/> + <rect id="d0e382" display="none" height="1e3px" width="288" y="2675.2" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e382"/> </flowRegion> <flowDiv xml:space="preserve">And interpolate between the two lines to create your gradient:</flowDiv> </flowRoot> - <g id="interpolate-f20-en.svgg2805" transform="translate(-7.25 2674.1)" stroke-width="5.5" fill="none"> + <g id="interpolate-f20-en.svgg2805" transform="translate(-7.25 2681.4)" stroke-width="5.5" fill="none"> <path id="interpolate-f20-en.svgpath2180" d="m20 132.36l75-32.855 85.71 33.575 77.15-32.86" stroke="#35b8ff"/> <path id="interpolate-f20-en.svgpath3007" d="m20 55.219l75-32.857 85.71 33.572 77.15-32.858" stroke="#ffed35"/> <g id="interpolate-f20-en.svgg2785"> @@ -546,17 +546,17 @@ Ryan Lerch, ryanlerch at gmail dot com <path id="interpolate-f20-en.svgpath4962" d="m20 127.82l75-32.853 85.71 33.573 77.15-32.858" stroke="#40bbf3"/> </g> </g> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2835.1943553" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2835.1943553" x="10">Conclusion</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2842.4673283" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2842.4673283" x="10">Conclusion</tspan> </text> - <rect id="d0e401" display="none" height="1e3px" width="288" y="2840.4" x="10"/> + <rect id="d0e401" display="none" height="1e3px" width="288" y="2847.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e401"/> </flowRegion> <flowDiv xml:space="preserve">As demonstrated above, the Inkscape Interpolate extension is a powerful tool. This tutorial covers the basics of this extension, but experimentation is the key to exploring interpolation further.</flowDiv> </flowRoot> - <g transform="translate(0 2879.5)"> + <g transform="translate(0 2886.8)"> <defs id="defs3" xmlns:cc="http://creativecommons.org/ns#"> <linearGradient id="linearGradient2465" y2="-7528.7" xlink:href="#linearGradient841" gradientUnits="userSpaceOnUse" x2="76.847" gradientTransform="matrix(2.1496 0 0 .46519 -.13015 3495.4)" y1="-7656.4" x1="76.847" inkscape:collect="always"/> <filter id="filter56" height="1.2" width="1.2" color-interpolation-filters="sRGB" y="-.1" x="-.1" inkscape:label="Drop shadow, custom"> |
