diff options
| author | Jabiertxof <jabier.arraiza@marker.es> | 2019-09-10 19:35:31 +0000 |
|---|---|---|
| committer | Jabiertxof <jabier.arraiza@marker.es> | 2019-09-10 19:35:31 +0000 |
| commit | cefafda3fab893bc910fb78f02d2d74b7c8e141f (patch) | |
| tree | 702b7d25489c6494195c5748dc854a72842e7411 /share/tutorials/tutorial-interpolate.svg | |
| parent | Improve help string for CSS dialog (diff) | |
| download | inkscape-cefafda3fab893bc910fb78f02d2d74b7c8e141f.tar.gz inkscape-cefafda3fab893bc910fb78f02d2d74b7c8e141f.zip | |
Fix tutorials
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 7c1decddc..821091b78 100644 --- a/share/tutorials/tutorial-interpolate.svg +++ b/share/tutorials/tutorial-interpolate.svg @@ -37,7 +37,7 @@ <path id="path831" d="m359.24 21.363c-11.313 0-22.606 4.3206-31.275 12.99l-154.09 154.06c-8.4969 8.4967-12.762 19.543-12.931 30.631h-0.0585c0 0.0395 0.0566 0.0774 0.0585 0.11702-0.002 0.18609-0.0585 0.36977-0.0585 0.55586h0.2633c2.9491 11.221 79.15 25.523 87.651 34.025 12.839 12.839-49.233 22.268-36.395 35.107 12.839 12.839 77.59 24.843 90.43 37.682 12.839 12.839-26.238 26.51-13.399 39.349s55.967-3.2094 48.155 30.28c17.338 17.338 53.512 9.0588 77.733-8.2795 12.839-12.839-24.629-11.707-11.79-24.546s45.247-12.908 72.555-43.621c-10.992-17.095-46.981-24.375-34.142-37.214s37.8-6.3179 91.659-30.777c26.292-11.941 24.12-21.01 24.019-32.006-0.002-0.23138 0-0.43973 0-0.67288h-0.0585c-0.16-11.07-4.46-22.12-12.95-30.62l-154.07-154.06c-8.66-8.667-19.99-12.987-31.3-12.987zm-1.3165 20.04c5.0295 0.13102 9.0916 3.9651 17.056 9.1279l72.789 53.977c0.79681 0.51671 1.5557 1.0557 2.2527 1.6091 0.69703 0.55327 1.3337 1.1401 1.9309 1.7261 0.5972 0.58495 1.14 1.1721 1.6383 1.7846 0.49726 0.61244 0.94845 1.2385 1.3458 1.8724 0.39844 0.6349 0.75476 1.2798 1.0532 1.9309 0.29867 0.65226 0.53281 1.325 0.7314 1.9894 0.19976 0.66341 0.36832 1.319 0.46811 1.9894 0.0999 0.67165 0.14627 1.3452 0.14627 2.0187l-43.123-20.83-4.3006 32.562-23.727-11.117-36.629 24.458-14.014-48.331-18.051 42.275-50.408 5.032 0.55587-22.439c0-5.3897 29.057-43.122 46.751-52.105l32.386-23.259c4.7787-3.0977 8.1289-4.35 11.147-4.2714zm-66.996 220.21c22.944 5.9503 48.476 13.757 68.957 13.897l0.87768 9.2157c-17.538-1.8078-54.648-10.276-63.398-14.745l-6.4363-8.3672z" stroke-width="1pt"/> </g> <use id="use2086" style="color:#000000" xlink:href="#path1124" transform="matrix(3.7991 0 0 3.7991 -428.74 -36.475)" height="1052.3622" fill-opacity=".11077" width="320.00000" y="0.0000000" x="0.0000000" font-family="sans-serif" fill="#ffffff"/> - <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> + <text id="text7519" opacity=".5" line-height="125%" 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="30" x="35" fill="#ffffff"> @@ -45,63 +45,63 @@ </text> <!--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"> + <flowRoot xml:space="preserve" 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> + <flowPara >This document explains how to use Inkscape's Interpolate extension</flowPara> </flowRoot> <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="82.968" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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="227.35" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >For example, take the following two paths:</flowPara> </flowRoot> <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="366.09" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >Now, select the two paths, and run the Interpolate extension with the settings shown in the following image.</flowPara> </flowRoot> <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"/> @@ -114,42 +114,42 @@ <path id="interpolate-f02-en.svgpath4433" d="m370.31 53.791c19.39 0 35 15.61 35 35 0 19.389-15.61 34.999-35 34.999s-35-15.61-35-34.999c0-19.39 15.61-35 35-35"/> <path id="interpolate-f02-en.svgpath4435" d="m431.94 53.791c19.39 0 35 15.61 35 35 0 19.389-15.61 34.999-35 34.999s-35-15.61-35-34.999c0-19.39 15.61-35 35-35"/> </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> + <flowRoot xml:space="preserve" id="interpolate-f02-en.svgflowRoot2609" 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="493.43" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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="561.2" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >For example, take the following two paths:</flowPara> </flowRoot> <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="689.41" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >Now, select the two paths, and run the Interpolate extension. The result should be like this:</flowPara> </flowRoot> <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"/> @@ -162,28 +162,28 @@ <path id="interpolate-f04-en.svgpath2544" d="m120.62 399.84c16.62 0 27.66 17.13 26.18 36.11-0.68 6.13-2.41 11.66-4.58 15.82-5 9.57-16.37 13.9-29.25 11.82-11.45-1.91-21.626-8.85-27.032-16.66-3.354-4.84-4.108-10.73-2.532-17.09 2.959-16.62 20.594-30 37.214-30"/> </g> <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> + <flowRoot xml:space="preserve" id="interpolate-f04-en.svgflowRoot2609" 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="814.85" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"/> @@ -197,11 +197,11 @@ <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="1014.7" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >The previous example (shown again below) was done with these nodes being the starting node.</flowPara> </flowRoot> <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"/> @@ -214,14 +214,14 @@ <path id="interpolate-f04-en.svgpath2544" d="m120.62 399.84c16.62 0 27.66 17.13 26.18 36.11-0.68 6.13-2.41 11.66-4.58 15.82-5 9.57-16.37 13.9-29.25 11.82-11.45-1.91-21.626-8.85-27.032-16.66-3.354-4.84-4.108-10.73-2.532-17.09 2.959-16.62 20.594-30 37.214-30"/> </g> <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> + <flowRoot xml:space="preserve" id="interpolate-f04-en.svgflowRoot2609" 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="1141.7" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >Now, notice the changes in the interpolation result when the triangle path is mirrored so the starting node is in a different position:</flowPara> </flowRoot> <g id="interpolate-f07-en.svgg2958" transform="translate(10 1178.5)"> <g id="interpolate-f07-en.svgg2900"> @@ -252,18 +252,18 @@ <tspan y="1304.7417652" x="10">Interpolation Method</tspan> </text> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >In the examples above, we used Interpolation Method 2, and the result was:</flowPara> </flowRoot> <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"/> @@ -278,11 +278,11 @@ <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="1447" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >Now compare this to Interpolation Method 1:</flowPara> </flowRoot> <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"/> @@ -297,28 +297,28 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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="1582.5" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >Here is the result of another basic example with an exponent of 0.</flowPara> </flowRoot> <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"/> @@ -331,14 +331,14 @@ <path id="interpolate-f11-en.svgpath6555" d="m184.7 1153.1s-5.13-4.5-5.83-4.5c-0.35 0-1.64 6.6-2.08 6.6-0.38 0-3.84-5.7-4.26-5.7s-3.72 6-4.13 6-1.94-6.4-2.29-6.4c-0.53 0-5.56 4.9-5.8 4.9-0.35 0-0.27-2.4-0.05-4.3 0.15-1.3 0.2-2.4 0.07-2.7-0.15-0.2-6.23 2.6-6.46 2.2-0.19-0.3 2.42-6.5 2.21-6.9-0.21-0.3-6.98 0.5-7.18 0.1-0.2-0.3 4.08-5.3 3.9-5.6-0.25-0.5-7.07-1.7-7.21-2-0.19-0.3 5.42-3.7 5.41-4-0.06-0.2-0.86-0.7-1.83-1.2-1.74-0.9-4.07-2.3-3.85-2.7 0.15-0.3 6.69-1.7 6.88-2.1 0.17-0.2-4.48-5.2-4.3-5.5 0.17-0.3 6.75 0.3 6.92 0 0.18-0.3-2.81-6.5-2.64-6.8 0.21-0.3 6.23 2.2 6.4 1.9 0.35-0.6-0.47-6.8-0.6-7.5 0-0.1-0.01-0.1 0-0.1 0.06 0 5.17 4.5 5.83 4.5 0.35 0 1.64-6.7 2.07-6.7 0.39 0 3.85 5.7 4.27 5.7 0.41 0 3.72-6 4.13-6s1.93 6.4 2.29 6.4c0.53 0 5.56-4.8 5.8-4.8 0.34 0 0.26 2.3 0.04 4.2-0.15 1.3-0.2 2.5-0.06 2.7 0.15 0.3 6.22-2.5 6.46-2.1 0.19 0.3-2.43 6.5-2.22 6.8 0.18 0.3 6.92-0.6 7.09-0.2 0.18 0.3-4.13 5.2-3.97 5.5 0.22 0.4 7.04 1.6 7.22 1.9 0.26 0.5-5.23 3.9-5.13 4.1 0.09 0.1 1.03 0.7 2.12 1.2 1.73 0.9 3.83 2.3 3.6 2.7-0.17 0.2-6.73 1.7-6.96 2.1-0.16 0.3 4.49 5.2 4.3 5.5-0.17 0.3-6.74-0.3-6.91 0-0.22 0.4 2.74 6.6 2.54 7-0.21 0.3-6.22-2.1-6.39-1.8-0.36 0.6 0.6 7.6 0.6 7.6"/> <path id="interpolate-f11-en.svgpath6557" d="m123.21 1153.4s-5.9-5.4-6.38-5.4c-0.24 0-1.58 7.9-1.87 7.9-0.27 0-4.22-6.8-4.51-6.8s-4.05 7.2-4.33 7.2-1.91-7.6-2.15-7.6c-0.39 0-6.214 5.8-6.336 5.8-0.175 0 0.081-2.9 0.345-5.2 0.172-1.5 0.273-2.8 0.181-3-0.106-0.1-7.288 3.4-7.445 3.1-0.133-0.2 3.109-7.4 2.96-7.7-0.144-0.2-8.163 1-8.306 0.7-0.139-0.2 5.104-6.1 4.981-6.3-0.188-0.3-8.268-1.6-8.336-1.7-0.092-0.2 6.744-4.1 6.802-4.4-0.022-0.1-0.946-0.6-2.109-1.2-2.092-1.1-4.97-2.7-4.832-2.9 0.093-0.2 7.838-1.7 7.954-1.9 0.104-0.2-5.577-5.9-5.465-6.1 0.106-0.2 7.897 0.7 8.003 0.5 0.111-0.2-3.58-7.4-3.477-7.6 0.145-0.3 7.258 2.9 7.374 2.7 0.234-0.4-0.866-7.6-1.021-8.5-0.01-0.1-0.014-0.1-0.011-0.1 0.031 0 5.928 5.4 6.388 5.4 0.23 0 1.57-7.9 1.87-7.9 0.27 0 4.21 6.8 4.51 6.8 0.29 0 4.05-7.2 4.33-7.2s1.91 7.6 2.15 7.6c0.39 0 6.21-5.8 6.33-5.8 0.17 0-0.07 2.8-0.34 5.1-0.17 1.5-0.28 2.9-0.19 3.1 0.11 0.1 7.29-3.4 7.45-3.1 0.13 0.2-3.11 7.4-2.96 7.7 0.11 0.2 8.09-1.1 8.2-0.9s-5.17 6-5.06 6.1c0.14 0.3 8.22 1.6 8.34 1.8 0.19 0.3-6.51 4.2-6.45 4.3 0.04 0.1 1.14 0.7 2.45 1.4 2.06 1 4.66 2.5 4.51 2.8-0.11 0.2-7.89 1.8-8.04 2-0.1 0.2 5.58 5.9 5.47 6.1s-7.9-0.7-8-0.5c-0.15 0.3 3.5 7.6 3.36 7.8-0.14 0.3-7.25-2.9-7.37-2.7-0.24 0.4 1.03 8.6 1.03 8.6"/> </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> + <flowRoot xml:space="preserve" id="interpolate-f11-en.svgflowRoot2609" 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="1725.1" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >The same example with an exponent of 1:</flowPara> </flowRoot> <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"/> @@ -353,11 +353,11 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >with an exponent of 2:</flowPara> </flowRoot> <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"/> @@ -372,11 +372,11 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >and with an exponent of -1:</flowPara> </flowRoot> <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"/> @@ -391,18 +391,18 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >View the result when the path on the right was selected first. The exponent in this example was set to 1:</flowPara> </flowRoot> <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"/> @@ -420,28 +420,28 @@ <tspan y="2072.4928517" x="10">Duplicate Endpaths</tspan> </text> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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="2134.7" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >Here is an example where the Interpolate Style function is used on the fill of a path:</flowPara> </flowRoot> <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"/> @@ -456,11 +456,11 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >Interpolate Style also affects the stroke of a path:</flowPara> </flowRoot> <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"/> @@ -475,11 +475,11 @@ </g> </g> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >Of course, the path of the start point and the end point does not have to be the same either:</flowPara> </flowRoot> <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"/> @@ -507,22 +507,22 @@ <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="2490.4" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >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:</flowPara> </flowRoot> <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="2675.2" x="10"/> - <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> + <flowRoot xml:space="preserve" 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> + <flowPara >And interpolate between the two lines to create your gradient:</flowPara> </flowRoot> <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"/> @@ -550,11 +550,11 @@ <tspan y="2842.4673283" x="10">Conclusion</tspan> </text> <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"> + <flowRoot xml:space="preserve" 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> + <flowPara >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.</flowPara> </flowRoot> <g transform="translate(0 2886.8)"> <defs id="defs3" xmlns:cc="http://creativecommons.org/ns#"> @@ -587,7 +587,7 @@ <path id="path1521" d="m359.24 21.363c-11.313 0-22.606 4.3206-31.275 12.99l-154.09 154.06c-8.4969 8.4967-12.762 19.543-12.931 30.631h-0.0585c0 0.0395 0.0566 0.0774 0.0585 0.11702-0.002 0.18609-0.0585 0.36977-0.0585 0.55586h0.2633c2.9491 11.221 79.15 25.523 87.651 34.025 12.839 12.839-49.233 22.268-36.395 35.107 12.839 12.839 77.59 24.843 90.43 37.682 12.839 12.839-26.238 26.51-13.399 39.349s55.967-3.2094 48.155 30.28c17.338 17.338 53.512 9.0588 77.733-8.2795 12.839-12.839-24.629-11.707-11.79-24.546s45.247-12.908 72.555-43.621c-10.992-17.095-46.981-24.375-34.142-37.214s37.8-6.3179 91.659-30.777c26.292-11.941 24.12-21.01 24.019-32.006-0.002-0.23138 0-0.43973 0-0.67288h-0.0585c-0.16-11.07-4.46-22.12-12.95-30.62l-154.07-154.06c-8.66-8.667-19.99-12.987-31.3-12.987zm-1.3165 20.04c5.0295 0.13102 9.0916 3.9651 17.056 9.1279l72.789 53.977c0.79681 0.51671 1.5557 1.0557 2.2527 1.6091 0.69703 0.55327 1.3337 1.1401 1.9309 1.7261 0.5972 0.58495 1.14 1.1721 1.6383 1.7846 0.49726 0.61244 0.94845 1.2385 1.3458 1.8724 0.39844 0.6349 0.75476 1.2798 1.0532 1.9309 0.29867 0.65226 0.53281 1.325 0.7314 1.9894 0.19976 0.66341 0.36832 1.319 0.46811 1.9894 0.0999 0.67165 0.14627 1.3452 0.14627 2.0187l-43.123-20.83-4.3006 32.562-23.727-11.117-36.629 24.458-14.014-48.331-18.051 42.275-50.408 5.032 0.55587-22.439c0-5.3897 29.057-43.122 46.751-52.105l32.386-23.259c4.7787-3.0977 8.1289-4.35 11.147-4.2714zm-66.996 220.21c22.944 5.9503 48.476 13.757 68.957 13.897l0.87768 9.2157c-17.538-1.8078-54.648-10.276-63.398-14.745l-6.4363-8.3672z" stroke-width="1pt"/> </g> <use id="use1328" style="color:#000000" xlink:href="#path1508" transform="matrix(5.1767 0 0 5.1767 -102.7 -256.62)" height="1052.3622" fill-opacity=".064615" width="744.09448" y="0" x="0" font-family="sans-serif" fill="#ffffff"/> - <text id="text7519" opacity=".5" line-height="125%" xml:space="preserve" transform="rotate(-90)" font-size="6.9693px" y="-6.5672836" x="-70.83046" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="-70.83046" style="letter-spacing:.29056" y="-6.5672836">Use <tspan id="tspan7523" font-weight="bold">Ctrl+up arrow</tspan> to scroll </tspan></text> + <text id="text7519" opacity=".5" line-height="125%" transform="rotate(-90)" font-size="6.9693px" y="-6.5672836" x="-70.83046" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="-70.83046" style="letter-spacing:.29056" y="-6.5672836">Use <tspan id="tspan7523" font-weight="bold">Ctrl+up 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 207.79 -117.15)"/> </g> </g> |
