diff options
| author | Nicolas Dufour <nicoduf@yahoo.fr> | 2017-01-07 14:35:57 +0000 |
|---|---|---|
| committer | JazzyNico <nicoduf@yahoo.fr> | 2017-01-07 14:35:57 +0000 |
| commit | 2da7e6e719adaf4dd4d9bd1eb5544004eae6bb88 (patch) | |
| tree | 5bc61019d256bb73306a943c71b45f501f542fc8 /share/tutorials/tutorial-interpolate.ja.svg | |
| parent | add missing header (diff) | |
| download | inkscape-2da7e6e719adaf4dd4d9bd1eb5544004eae6bb88.tar.gz inkscape-2da7e6e719adaf4dd4d9bd1eb5544004eae6bb88.zip | |
[Bug #1651815] share/examples: rescale svgs to 96 dpi - Tutorials
Fixed bugs:
- https://launchpad.net/bugs/1651815
(bzr r15396)
Diffstat (limited to 'share/tutorials/tutorial-interpolate.ja.svg')
| -rw-r--r-- | share/tutorials/tutorial-interpolate.ja.svg | 148 |
1 files changed, 74 insertions, 74 deletions
diff --git a/share/tutorials/tutorial-interpolate.ja.svg b/share/tutorials/tutorial-interpolate.ja.svg index 600a6babe..6f297aedf 100644 --- a/share/tutorials/tutorial-interpolate.ja.svg +++ b/share/tutorials/tutorial-interpolate.ja.svg @@ -1,6 +1,6 @@ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- DO NOT EDIT THIS FILE. It is produced automatically from a DocBook source (*.xml) by tutorial-svg.xsl. --> -<svg id="svg1" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" sodipodi:docname="tutorial-basic.svg" xmlns:string="http://www.jclark.com/xt/java/java.lang.String" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:version="0.32" height="3170pt" width="256pt" version="1.1" xmlns:cc="http://web.resource.org/cc/" xmlns:xlink="http://www.w3.org/1999/xlink" inkscape:version="0.49" xmlns:dc="http://purl.org/dc/elements/1.1/"> +<svg id="svg1" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" sodipodi:docname="tutorial-basic.svg" xmlns:string="http://www.jclark.com/xt/java/java.lang.String" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:version="0.32" height="3170pt" width="256pt" version="1.1" xmlns:cc="http://web.resource.org/cc/" xmlns:xlink="http://www.w3.org/1999/xlink" inkscape:version="0.92" xmlns:dc="http://purl.org/dc/elements/1.1/"> <sodipodi:namedview id="base" inkscape:window-x="0" inkscape:window-y="0" snaptoguides="true" inkscape:zoom="2.0000000" inkscape:cx="160.00000" inkscape:cy="3864.0000" inkscape:window-width="780" showborder="false" inkscape:window-height="580" showguides="true"/> <defs id="defs3" xmlns:cc="http://creativecommons.org/ns#"> <linearGradient id="linearGradient841"> @@ -51,59 +51,59 @@ </flowRegion> <flowDiv xml:space="preserve">このドキュメントは Inkscape の補間エクステンションの使い方について説明しています。</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="88.996874" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="88.996874" x="10">はじめに</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="89.04001799999999" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="89.04001799999999" x="10">はじめに</tspan> </text> - <rect id="d0e24" display="none" height="1e3px" width="288" y="94.197" x="10"/> + <rect id="d0e24" display="none" height="1e3px" width="288" y="94.24" 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">補間エクステンションは 2 つ以上の選択パスの間に対して<flowSpan font-style="italic">線形補間</flowSpan>を行います。これはすなわち、パスとパスの間の「隙間を埋める」、および指定されたステップ数に従ってそれらを変形することを意味します。</flowDiv> </flowRoot> - <rect id="d0e30" display="none" height="1e3px" width="288" y="132.82" x="10"/> + <rect id="d0e30" display="none" height="1e3px" width="288" y="134.86" 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">補間エクステンションを使用するには、変形したいパスを選択し、メニューから <flowSpan font-family="sans-serif">エクステンション > パスから生成 > 補間</flowSpan> を選択します。</flowDiv> </flowRoot> - <rect id="d0e36" display="none" height="1e3px" width="288" y="161.12" x="10"/> + <rect id="d0e36" display="none" height="1e3px" width="288" y="164.04" 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">このエクステンションを呼び出す前に、変形したいオブジェクトを <flowSpan font-style="italic">パス</flowSpan> に変換しておく必要があります。パスへの変換は、オブジェクトを選択し、<flowSpan font-family="sans-serif">パス > オブジェクトをパスへ</flowSpan> を選ぶ、または <flowSpan font-weight="bold">Shift+Ctrl+C</flowSpan> を押します。選択オブジェクトがパスではなかった場合はこのエクステンションは何もしません。</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="224.33687700000002" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="224.33687700000002" x="10">2 つの同じ形状のパス間の補間</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="229.022263" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="229.022263" x="10">2 つの同じ形状のパス間の補間</tspan> </text> - <rect id="d0e54" display="none" height="1e3px" width="288" y="229.54" x="10"/> + <rect id="d0e54" display="none" height="1e3px" width="288" y="234.22" 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">補間エクステンションの最も簡単な使い方は、同じ形状の 2 つのパスの間を補間することです。このエクステンションが実行されると、2 つのパスの間のスペースがオリジナルのパスの複製で埋められます。何個の複製を配置するかはステップ数で指定します。</flowDiv> </flowRoot> - <rect id="d0e57" display="none" height="1e3px" width="288" y="278.8" x="10"/> + <rect id="d0e57" display="none" height="1e3px" width="288" y="274.72" 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">例えば、以下のパスに注目してください:</flowDiv> </flowRoot> - <g id="interpolate-f01-ja.svgg2896" stroke-linejoin="round" transform="translate(10 304.28)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> + <g id="interpolate-f01-ja.svgg2896" stroke-linejoin="round" transform="translate(10 300.64)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> <path id="interpolate-f01-ja.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-ja.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.85" x="10"/> + <rect id="d0e70" display="none" height="1e3px" width="288" y="353.21" 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">この 2 つのパスを選択し、イメージの下に表示されている設定で補間エクステンションを実行してみましょう。</flowDiv> </flowRoot> - <g id="interpolate-f02-ja.svgg3003" transform="translate(10 392.91)"> + <g id="interpolate-f02-ja.svgg3003" transform="translate(10 390.48)"> <path id="interpolate-f02-ja.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-ja.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-ja.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 @@ </g> <flowRoot id="interpolate-f02-ja.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.336)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f02-ja.svgflowRegion2611"><rect id="interpolate-f02-ja.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f02-ja.svgflowPara2615">指数: 0.0</flowPara><flowPara id="interpolate-f02-ja.svgflowPara2617">補間のステップ数: 6</flowPara><flowPara id="interpolate-f02-ja.svgflowPara2619">補間の方法: 2</flowPara><flowPara id="interpolate-f02-ja.svgflowPara2621">補間終端パスを複製する: チェックマークなし</flowPara><flowPara id="interpolate-f02-ja.svgflowPara2623">スタイルを補間する: チェックマークなし</flowPara></flowRoot> </g> - <rect id="d0e83" display="none" height="1e3px" width="288" y="486.54" x="10"/> + <rect id="d0e83" display="none" height="1e3px" width="288" y="484.13" 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">上図のように、2 つの円形のパスの間のスペースが 6 (補間のステップ数) 個の複製された円形のパスで埋められます。これらの図形はグループ化されることも覚えておいてください。</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="538.1218029999999" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="538.1218029999999" x="10">2 つの異なるパス間の補間</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="537.1170751999999" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="537.1170751999999" x="10">2 つの異なるパス間の補間</tspan> </text> - <rect id="d0e92" display="none" height="1e3px" width="288" y="543.32" x="10"/> + <rect id="d0e92" display="none" height="1e3px" width="288" y="542.32" 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">補間が 2 つの異なる形状のパスに対して実行されたとき、プログラムはそれぞれのパスの形状も補間します。その結果はパスとパスの間を指定された補間のステップ数の規則性でモーフィングしたものになります。</flowDiv> </flowRoot> - <rect id="d0e95" display="none" height="1e3px" width="288" y="582.13" x="10"/> + <rect id="d0e95" display="none" height="1e3px" width="288" y="582.93" 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">例えば、以下のパスに注目してください:</flowDiv> </flowRoot> - <g id="interpolate-f03-ja.svgg15756" stroke-linejoin="round" transform="translate(-7.883 540.48)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> + <g id="interpolate-f03-ja.svgg15756" stroke-linejoin="round" transform="translate(-7.883 541.72)" stroke="#2e75ac" stroke-width="4.0482" fill="#0cf"> <path id="interpolate-f03-ja.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-ja.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="660.18" x="10"/> + <rect id="d0e108" display="none" height="1e3px" width="288" y="661.42" 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">2 つのパスを選択し補間エクステンションを実行してみましょう。以下のような結果になるはずです:</flowDiv> </flowRoot> - <g id="interpolate-f04-ja.svgg2967" transform="translate(10 695.56)"> + <g id="interpolate-f04-ja.svgg2967" transform="translate(10 697.75)"> <path id="interpolate-f04-ja.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-ja.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-ja.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 @@ <path id="interpolate-f04-ja.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-ja.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.535)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f04-ja.svgflowRegion2611"><rect id="interpolate-f04-ja.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f04-ja.svgflowPara2615">指数: 0.0</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2617">補間のステップ数: 6</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2619">補間の方法: 2</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2621">補間終端パスを複製する: チェックマークなし</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2623">スタイルを補間する: チェックマークなし</flowPara></flowRoot> </g> - <rect id="d0e121" display="none" height="1e3px" width="288" y="789.38" x="10"/> + <rect id="d0e121" display="none" height="1e3px" width="288" y="791.59" 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">上図のように、円形のパスと三角形のパスの間のスペースが 6 個の、一方から他方への形状が変化するパスで埋められます。</flowDiv> </flowRoot> - <rect id="d0e124" display="none" height="1e3px" width="288" y="817.52" x="10"/> + <rect id="d0e124" display="none" height="1e3px" width="288" y="820.94" 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">2 つの異なる形状のパスに対して補間エクステンションを使用するとき、各パスの始点ノードの<flowSpan font-style="italic">位置</flowSpan>が重要です。パスの始点ノードを確認するには、パスを選択し、ノードツールを選択します。ノードが表示されますので、<flowSpan font-weight="bold">TAB</flowSpan> を押してください。最初に選択されたノードがパスの始点ノードです。</flowDiv> </flowRoot> - <rect id="d0e133" display="none" height="1e3px" width="288" y="867.58" x="10"/> + <rect id="d0e133" display="none" height="1e3px" width="288" y="873.22" 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">以下のイメージを見てください。上の例と同じパスでノードが表示されています。緑色のノードがそれぞれの始点ノードです。</flowDiv> </flowRoot> - <g id="interpolate-f05-ja.svgg2898" transform="translate(10.094 903.72)"> + <g id="interpolate-f05-ja.svgg2898" transform="translate(10.094 910.74)"> <path id="interpolate-f05-ja.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-ja.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-ja.svgrect2473" transform="rotate(135.48)" height="2.9821" width="2.9821" y="-16.968" x="-14.604" fill="#0f0"/> @@ -196,14 +196,14 @@ <rect id="interpolate-f05-ja.svgrect2483" transform="rotate(135.48)" height="2.9821" width="2.9821" y="-192.64" x="-181.96" fill="#0f0"/> <rect id="interpolate-f05-ja.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="956.84" x="10"/> + <rect id="d0e146" display="none" height="1e3px" width="288" y="963.86" 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">上の例 (以下にもう一度示します) はそれらが始点ノードであることによる結果です。</flowDiv> </flowRoot> - <g id="interpolate-f04-ja.svgg2967" transform="translate(10 982.14)"> + <g id="interpolate-f04-ja.svgg2967" transform="translate(10 989.56)"> <path id="interpolate-f04-ja.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-ja.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-ja.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 @@ <path id="interpolate-f04-ja.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-ja.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 26.535)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f04-ja.svgflowRegion2611"><rect id="interpolate-f04-ja.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f04-ja.svgflowPara2615">指数: 0.0</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2617">補間のステップ数: 6</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2619">補間の方法: 2</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2621">補間終端パスを複製する: チェックマークなし</flowPara><flowPara id="interpolate-f04-ja.svgflowPara2623">スタイルを補間する: チェックマークなし</flowPara></flowRoot> </g> - <rect id="d0e159" display="none" height="1e3px" width="288" y="1076" x="10"/> + <rect id="d0e159" display="none" height="1e3px" width="288" y="1083.4" 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">三角形のパスを水平に反転させ、始点ノードの位置を変えると、補間の結果は以下のように変化します:</flowDiv> </flowRoot> - <g id="interpolate-f07-ja.svgg2958" transform="translate(10 1112.1)"> + <g id="interpolate-f07-ja.svgg2958" transform="translate(10 1120.7)"> <g id="interpolate-f07-ja.svgg2900"> <path id="interpolate-f07-ja.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-ja.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 @@ <rect id="interpolate-f07-ja.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-ja.svgg2947" transform="translate(10 1172.9)"> + <g id="interpolate-f08-ja.svgg2947" transform="translate(10 1181.6)"> <g id="interpolate-f08-ja.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-ja.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-ja.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 @@ <path id="interpolate-f08-ja.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="1238.253012" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1238.253012" x="10">補間方式</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1246.9449299" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="1246.9449299" x="10">補間方式</tspan> </text> - <rect id="d0e188" display="none" height="1e3px" width="288" y="1243.5" x="10"/> + <rect id="d0e188" display="none" height="1e3px" width="288" y="1252.1" 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">補間エクステンションのパラメーターの一つに補間方式があります。2 種類の補間方式が実装されており、新しい形状の曲線の計算方法が異なります。補間方式は 1 か 2 のどちらかが選べます。</flowDiv> </flowRoot> - <rect id="d0e191" display="none" height="1e3px" width="288" y="1282.2" x="10"/> + <rect id="d0e191" display="none" height="1e3px" width="288" y="1292.2" 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">上の例では補間方式 2 を使用し、以下の結果になりました:</flowDiv> </flowRoot> - <g id="interpolate-f09-ja.svgg2939" stroke-linejoin="round" transform="translate(10 1307.6)" stroke="#2e75ac" fill="#0cf"> + <g id="interpolate-f09-ja.svgg2939" stroke-linejoin="round" transform="translate(10 1318.2)" stroke="#2e75ac" fill="#0cf"> <path id="interpolate-f09-ja.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-ja.svgg2606" transform="matrix(.52187 0 0 .52187 -7.8862 -205.59)" stroke-width="7.757"> <path id="interpolate-f09-ja.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 @@ </g> <path id="interpolate-f09-ja.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="1360.2" x="10"/> + <rect id="d0e204" display="none" height="1e3px" width="288" y="1370.7" 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">補間方式 1 と比べてみてください:</flowDiv> </flowRoot> - <g id="interpolate-f10-ja.svgg2607" stroke-linejoin="round" transform="translate(-9.278 1369)" stroke="#2e75ac" fill="#0cf"> + <g id="interpolate-f10-ja.svgg2607" stroke-linejoin="round" transform="translate(-9.278 1380.2)" stroke="#2e75ac" fill="#0cf"> <path id="interpolate-f10-ja.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-ja.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-ja.svgg4484" transform="matrix(.52187 0 0 .52187 10.865 -181.24)" stroke-width="7.757"> @@ -296,31 +296,31 @@ <path id="interpolate-f10-ja.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="1438" x="10"/> + <rect id="d0e217" display="none" height="1e3px" width="288" y="1449.2" 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">これら補間方式の計算方法の違いについての説明はこのドキュメントでは割愛します。各方式を試し、あなたが期待した結果に最も近いものを使用してください。</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1478.925079" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1478.925079" x="10">指数</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1491.2743421" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="1491.2743421" x="10">指数</tspan> </text> - <rect id="d0e226" display="none" height="1e3px" width="288" y="1484.1" x="10"/> + <rect id="d0e226" display="none" height="1e3px" width="288" y="1496.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"><flowSpan font-style="italic">指数</flowSpan> パラメーターは補間の各ステップ間の間隔を制御します。指数 0 はすべての複製を等間隔に配置します。</flowDiv> </flowRoot> - <rect id="d0e231" display="none" height="1e3px" width="288" y="1512.1" x="10"/> + <rect id="d0e231" display="none" height="1e3px" width="288" y="1526.2" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e231"/> </flowRegion> <flowDiv xml:space="preserve">指数 0 の基本的な例では以下のような結果になります:</flowDiv> </flowRoot> - <g id="interpolate-f11-ja.svgg2920" transform="translate(10 1537.3)"> + <g id="interpolate-f11-ja.svgg2920" transform="translate(10 1551.9)"> <path id="interpolate-f11-ja.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-ja.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-ja.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 @@ </g> <flowRoot id="interpolate-f11-ja.svgflowRoot2609" xml:space="preserve" transform="translate(-291.31 14.935)" font-size="6px" font-family="sans-serif" fill="#000000"><flowRegion id="interpolate-f11-ja.svgflowRegion2611"><rect id="interpolate-f11-ja.svgrect2613" height="133.57" width="127.14" y="15.934" x="290.71"/></flowRegion><flowPara id="interpolate-f11-ja.svgflowPara2615">指数: 0.0</flowPara><flowPara id="interpolate-f11-ja.svgflowPara2617">補間のステップ数: 6</flowPara><flowPara id="interpolate-f11-ja.svgflowPara2619">補間の方法: 2</flowPara><flowPara id="interpolate-f11-ja.svgflowPara2621">補間終端パスを複製する: チェックマークなし</flowPara><flowPara id="interpolate-f11-ja.svgflowPara2623">スタイルを補間する: チェックマークなし</flowPara></flowRoot> </g> - <rect id="d0e244" display="none" height="1e3px" width="288" y="1619.5" x="10"/> + <rect id="d0e244" display="none" height="1e3px" width="288" y="1634.1" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e244"/> </flowRegion> <flowDiv xml:space="preserve">同じ例で指数を 1 にしてみます:</flowDiv> </flowRoot> - <g id="interpolate-f12-ja.svgg2771" stroke-linejoin="round" transform="translate(-14.034 1626.2)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f12-ja.svgg2771" stroke-linejoin="round" transform="translate(-14.034 1641.5)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f12-ja.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-ja.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-ja.svgg6743" transform="matrix(.52187 0 0 .52187 14.289 -599.89)" stroke-width="1.6649"> @@ -352,14 +352,14 @@ <path id="interpolate-f12-ja.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="d0e257" display="none" height="1e3px" width="288" y="1687.4" x="10"/> + <rect id="d0e257" display="none" height="1e3px" width="288" y="1702.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e257"/> </flowRegion> <flowDiv xml:space="preserve">指数を 2 にしてみます:</flowDiv> </flowRoot> - <g id="interpolate-f13-ja.svgg2760" stroke-linejoin="round" transform="translate(-14.034 1694.2)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f13-ja.svgg2760" stroke-linejoin="round" transform="translate(-14.034 1710)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f13-ja.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-ja.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-ja.svgg6943" transform="matrix(.52187 0 0 .52187 14.289 -641)" stroke-width="1.6649"> @@ -371,14 +371,14 @@ <path id="interpolate-f13-ja.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="d0e270" display="none" height="1e3px" width="288" y="1755.4" x="10"/> + <rect id="d0e270" display="none" height="1e3px" width="288" y="1771.2" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e270"/> </flowRegion> <flowDiv xml:space="preserve">そして指数が -1 の場合は以下のようになります:</flowDiv> </flowRoot> - <g id="interpolate-f14-ja.svgg2749" stroke-linejoin="round" transform="translate(-14.748 1762.3)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f14-ja.svgg2749" stroke-linejoin="round" transform="translate(-14.748 1778.8)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f14-ja.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-ja.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-ja.svgg7477" transform="matrix(.52187 0 0 .52187 15.004 -683.71)" stroke-width="1.6649"> @@ -390,21 +390,21 @@ <path id="interpolate-f14-ja.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="d0e283" display="none" height="1e3px" width="288" y="1823.5" x="10"/> + <rect id="d0e283" display="none" height="1e3px" width="288" y="1840" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e283"/> </flowRegion> <flowDiv xml:space="preserve">補間エクステンションで指数を使用する場合、オブジェクトを選択した<flowSpan font-style="italic">順番</flowSpan>が重要になります。上の例では、左の星形のパスが最初に選択され、右の六角形のパスが次に選択されています。</flowDiv> </flowRoot> - <rect id="d0e289" display="none" height="1e3px" width="288" y="1862.3" x="10"/> + <rect id="d0e289" display="none" height="1e3px" width="288" y="1880.1" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e289"/> </flowRegion> <flowDiv xml:space="preserve">右のパスを最初に選択した場合の結果を確認してください。指数に 1 を設定した場合は以下のようになります:</flowDiv> </flowRoot> - <g id="interpolate-f15-ja.svgg2738" stroke-linejoin="round" transform="translate(-14.748 1879.1)" stroke="#17a500" fill="#0f0"> + <g id="interpolate-f15-ja.svgg2738" stroke-linejoin="round" transform="translate(-14.748 1898.1)" stroke="#17a500" fill="#0f0"> <path id="interpolate-f15-ja.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-ja.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-ja.svgg7705" transform="matrix(.52187 0 0 .52187 15.531 -723.58)" stroke-width="1.5267"> @@ -416,34 +416,34 @@ <path id="interpolate-f15-ja.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="1953.8158130000002" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1953.8158130000002" x="10">終端パスを複製する</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1972.8084152999995" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="1972.8084152999995" x="10">終端パスを複製する</tspan> </text> - <rect id="d0e308" display="none" height="1e3px" width="288" y="1959" x="10"/> + <rect id="d0e308" display="none" height="1e3px" width="288" y="1978" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e308"/> </flowRegion> <flowDiv xml:space="preserve">このパラメーターはエクステンションでパスのグループを生成する際に補間が適用されるオリジナルのパスの<flowSpan font-style="italic">複製も生成するかどうか</flowSpan>を指定します。</flowDiv> </flowRoot> - <text style="writing-mode:lr" font-weight="bold" font-size="8" y="1999.9870630000003" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="1999.9870630000003" x="10">スタイルを補間する</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2020.1990662999995" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2020.1990662999995" x="10">スタイルを補間する</tspan> </text> - <rect id="d0e320" display="none" height="1e3px" width="288" y="2005.2" x="10"/> + <rect id="d0e320" display="none" height="1e3px" width="288" y="2025.4" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e320"/> </flowRegion> <flowDiv xml:space="preserve">このパラメーターは補間エクステンションの賢い機能の一つです。この機能は各ステップごとにスタイルの変更を試みます。最初のパスと最後のパスの色が異なる場合、生成されるパスの色も徐々に変化します。</flowDiv> </flowRoot> - <rect id="d0e323" display="none" height="1e3px" width="288" y="2043.8" x="10"/> + <rect id="d0e323" display="none" height="1e3px" width="288" y="2065.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e323"/> </flowRegion> <flowDiv xml:space="preserve">以下はパスのフィルにスタイルの補間機能が適用された例です:</flowDiv> </flowRoot> - <g id="interpolate-f16-ja.svgg2861" transform="translate(-11.812 2052.1)"> + <g id="interpolate-f16-ja.svgg2861" transform="translate(-11.812 2074.6)"> <path id="interpolate-f16-ja.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-ja.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-ja.svgg14129" transform="matrix(.52187 0 0 .52187 16.74 -799.46)"> @@ -455,14 +455,14 @@ <path id="interpolate-f16-ja.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="d0e336" display="none" height="1e3px" width="288" y="2117.6" x="10"/> + <rect id="d0e336" display="none" height="1e3px" width="288" y="2140.1" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e336"/> </flowRegion> <flowDiv xml:space="preserve">スタイルの補間はパスのストロークに対しても作用します。</flowDiv> </flowRoot> - <g id="interpolate-f17-ja.svgg2850" stroke-linejoin="round" transform="translate(-10.689 2128.6)"> + <g id="interpolate-f17-ja.svgg2850" stroke-linejoin="round" transform="translate(-10.689 2151.5)"> <path id="interpolate-f17-ja.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-ja.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-ja.svgg14449" transform="matrix(.52187 0 0 .52187 16.367 -843.98)" stroke-width="2.875"> @@ -474,14 +474,14 @@ <path id="interpolate-f17-ja.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="d0e349" display="none" height="1e3px" width="288" y="2193.7" x="10"/> + <rect id="d0e349" display="none" height="1e3px" width="288" y="2216.7" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e349"/> </flowRegion> <flowDiv xml:space="preserve">もちろん、始点および終点のパスは同じ形状でなくても構いません。</flowDiv> </flowRoot> - <g id="interpolate-f18-ja.svgg2826" transform="translate(-10.839 2204.5)"> + <g id="interpolate-f18-ja.svgg2826" transform="translate(-10.839 2228.1)"> <path id="interpolate-f18-ja.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-ja.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-ja.svgg8948" transform="matrix(.52187 0 0 .52187 16.891 -819.61)"> @@ -503,28 +503,28 @@ <path id="interpolate-f18-ja.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="2323.6166510000007" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2323.6166510000007" x="10">補間を利用して不規則な形状のグラデーションぽく見せる</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2347.1452460999994" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2347.1452460999994" x="10">補間を利用して不規則な形状のグラデーションぽく見せる</tspan> </text> - <rect id="d0e368" display="none" height="1e3px" width="288" y="2328.8" x="10"/> + <rect id="d0e368" display="none" height="1e3px" width="288" y="2352.3" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e368"/> </flowRegion> <flowDiv xml:space="preserve">Inkscape では (まだ) 線形 (直線) および放射状 (円状) 以外のグラデーションを作成できません。しかし、補間エクステンションとスタイルの補間を利用してそれっぽく見せることができます。簡単な例を以下に示します — 異なるストロークの 2 つの線を描きます:</flowDiv> </flowRoot> - <g id="interpolate-f19-ja.svgg2846" transform="translate(-7.25 2367.3)" stroke-width="5.5" fill="none"> + <g id="interpolate-f19-ja.svgg2846" transform="translate(-7.25 2392.6)" stroke-width="5.5" fill="none"> <path id="interpolate-f19-ja.svgpath2180" d="m20 132.36l75-32.855 85.71 33.575 77.15-32.86" stroke="#35b8ff"/> <path id="interpolate-f19-ja.svgpath3007" d="m20 55.219l75-32.857 85.71 33.572 77.15-32.858" stroke="#ffed35"/> </g> - <rect id="d0e381" display="none" height="1e3px" width="288" y="2515.5" x="10"/> + <rect id="d0e381" display="none" height="1e3px" width="288" y="2540.8" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e381"/> </flowRegion> <flowDiv xml:space="preserve">そしてそれらの線の間を補間すると、グラデーションのようになります:</flowDiv> </flowRoot> - <g id="interpolate-f20-ja.svgg2805" transform="translate(-7.25 2521.5)" stroke-width="5.5" fill="none"> + <g id="interpolate-f20-ja.svgg2805" transform="translate(-7.25 2547.3)" stroke-width="5.5" fill="none"> <path id="interpolate-f20-ja.svgpath2180" d="m20 132.36l75-32.855 85.71 33.575 77.15-32.86" stroke="#35b8ff"/> <path id="interpolate-f20-ja.svgpath3007" d="m20 55.219l75-32.857 85.71 33.572 77.15-32.858" stroke="#ffed35"/> <g id="interpolate-f20-ja.svgg2785"> @@ -546,17 +546,17 @@ <path id="interpolate-f20-ja.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="2682.5310680000007" x="10" font-family="sans-serif" fill="#000000"> - <tspan y="2682.5310680000007" x="10">最後に</tspan> + <text style="writing-mode:lr" font-weight="bold" font-size="8" y="2708.3703029999992" x="10" font-family="sans-serif" fill="#000000"> + <tspan y="2708.3703029999992" x="10">最後に</tspan> </text> - <rect id="d0e400" display="none" height="1e3px" width="288" y="2687.7" x="10"/> + <rect id="d0e400" display="none" height="1e3px" width="288" y="2713.6" x="10"/> <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000"> <flowRegion> <use y="0" x="0" xlink:href="#d0e400"/> </flowRegion> <flowDiv xml:space="preserve">ここまで紹介したように、Inkscape の補間エクステンションは強力なツールです。このチュートリアルでは本エクステンションの基本的な部分にしか触れていませんが、自分で触ってみることこそが補間についてより深く知る最も良い手段となるでしょう。</flowDiv> </flowRoot> - <g transform="translate(0 2727.2)"> + <g transform="translate(0 2754.2)"> <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"> |
