summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 7ac1404)
raw | patch | inline | side by side (parent: 7ac1404)
author | JazzyNico <nicoduf@yahoo.fr> | |
Thu, 8 Jul 2010 16:44:37 +0000 (18:44 +0200) | ||
committer | JazzyNico <nicoduf@yahoo.fr> | |
Thu, 8 Jul 2010 16:44:37 +0000 (18:44 +0200) |
share/tutorials/tutorial-interpolate.ja.svg | patch | blob | history | |
share/tutorials/tutorial-tips.ja.svg | patch | blob | history |
diff --git a/share/tutorials/tutorial-interpolate.ja.svg b/share/tutorials/tutorial-interpolate.ja.svg
index 701de9d054ba464d0b8f1a416a6b442c0552976d..85d12521b1929dba5311e1dfee7c062f32bd148c 100644 (file)
<?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.48" 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#">
</g>
<flowRoot id="interpolate-f02-ja.svgflowRoot2609" font-weight="normal" xml:space="preserve" transform="translate(-291.30762,26.335616)" font-style="normal" font-size="6px" font-family="Bitstream Vera Sans" 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="1000px" width="288" y="481.26" x="10"/>
+ <rect id="d0e83" display="none" height="1000px" width="288" y="483.13" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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;text-anchor:start;" font-weight="bold" font-size="8" y="533.4186679999999" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="533.4186679999999" x="10">2 つの異なるパス間の補間</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="535.289907" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="535.289907" x="10">2 つの異なるパス間の補間</tspan>
</text>
- <rect id="d0e92" display="none" height="1000px" width="288" y="538.62" x="10"/>
+ <rect id="d0e92" display="none" height="1000px" width="288" y="540.49" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="578.11" x="10"/>
+ <rect id="d0e95" display="none" height="1000px" width="288" y="579.98" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 604.125231) translate(-17.882737,-67.121272)">
+ <g id="interpolate-f03-ja.svgg15756" transform="translate(10, 605.99647) translate(-17.882737,-67.121272)">
<path id="interpolate-f03-ja.svgpath4455" stroke-linejoin="round" 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" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<path id="interpolate-f03-ja.svgpath4457" stroke-linejoin="round" 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" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
</g>
- <rect id="d0e108" display="none" height="1000px" width="288" y="656.7" x="10"/>
+ <rect id="d0e108" display="none" height="1000px" width="288" y="658.58" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 693.664701) translate(2.8125e-6,-0.4247481)">
+ <g id="interpolate-f04-ja.svgg2967" transform="translate(10, 695.5359400000001) translate(2.8125e-6,-0.4247481)">
<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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<g id="interpolate-f04-ja.svgg2606" transform="matrix(0.5218716,0,0,0.5218716,-7.8861822,-205.17)">
<path id="interpolate-f04-ja.svgpath2534" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
<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.0422-2.95-3.2366-6.535-3.2366-10.41,0-10.119,8.1459-18.265,18.266-18.265" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<flowRoot id="interpolate-f04-ja.svgflowRoot2609" font-weight="normal" xml:space="preserve" transform="translate(-291.30762,26.53513)" font-style="normal" font-size="6px" font-family="Bitstream Vera Sans" 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="1000px" width="288" y="786.44" x="10"/>
+ <rect id="d0e121" display="none" height="1000px" width="288" y="790.18" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="815.24" x="10"/>
+ <rect id="d0e124" display="none" height="1000px" width="288" y="818.99" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="866.07" x="10"/>
+ <rect id="d0e133" display="none" height="1000px" width="288" y="869.82" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 902.822573) translate(9.4344012e-2,0)">
+ <g id="interpolate-f05-ja.svgg2898" transform="translate(10, 906.5650500000002) translate(9.4344012e-2,0)">
<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-10.119,8.1469-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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<path id="interpolate-f05-ja.svgpath4457" stroke-linejoin="round" d="M263.68,9.3801l-18.27,29.225-18.26-29.225h36.53z" 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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<rect id="interpolate-f05-ja.svgrect2473" transform="matrix(-0.7129787,0.7011857,-0.7011857,-0.7129787,0,0)" height="2.9821" width="2.9821" y="-16.968" x="-14.604" fill="#0F0"/>
<rect id="interpolate-f05-ja.svgrect2483" transform="matrix(-0.7129787,0.7011857,-0.7011857,-0.7129787,0,0)" height="2.9821" width="2.9821" y="-192.64" x="-181.96" fill="#0F0"/>
<rect id="interpolate-f05-ja.svgrect2485" transform="matrix(-0.7129787,0.7011857,-0.7011857,-0.7129787,0,0)" height="2.9821" width="2.9821" y="-200.55" x="-150.15" fill="#CCC"/>
</g>
- <rect id="d0e146" display="none" height="1000px" width="288" y="955.94" x="10"/>
+ <rect id="d0e146" display="none" height="1000px" width="288" y="959.68" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 992.8204640000001) translate(2.8125e-6,-0.4247481)">
+ <g id="interpolate-f04-ja.svgg2967" transform="translate(10, 996.5629410000001) translate(2.8125e-6,-0.4247481)">
<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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<g id="interpolate-f04-ja.svgg2606" transform="matrix(0.5218716,0,0,0.5218716,-7.8861822,-205.17)">
<path id="interpolate-f04-ja.svgpath2534" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
<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.0422-2.95-3.2366-6.535-3.2366-10.41,0-10.119,8.1459-18.265,18.266-18.265" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<flowRoot id="interpolate-f04-ja.svgflowRoot2609" font-weight="normal" xml:space="preserve" transform="translate(-291.30762,26.53513)" font-style="normal" font-size="6px" font-family="Bitstream Vera Sans" 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="1000px" width="288" y="1085.6" x="10"/>
+ <rect id="d0e159" display="none" height="1000px" width="288" y="1091.2" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 1122.5632690000002) translate(-2.3727341e-7,0.318569)">
+ <g id="interpolate-f07-ja.svgg2958" transform="translate(10, 1128.1769840000002) translate(-2.3727341e-7,0.318569)">
<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.265,8.1465-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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<path id="interpolate-f07-ja.svgpath2616" stroke-linejoin="round" d="M227.24,9.3304l18.27,29.225,18.26-29.225h-36.53z" 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-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<rect id="interpolate-f07-ja.svgrect2630" transform="matrix(0.7129787,0.7011857,0.7011857,-0.7129787,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, 1183.6823940000002) translate(-4.5008329e-8,1.1377795e-2)">
+ <g id="interpolate-f08-ja.svgg2947" transform="translate(10, 1189.2961090000001) translate(-4.5008329e-8,1.1377795e-2)">
<g id="interpolate-f08-ja.svgg2693" transform="matrix(0.5218716,0,0,0.5218716,-7.8861828,-265.1763)">
<path id="interpolate-f08-ja.svgpath2695" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
<path id="interpolate-f08-ja.svgpath2697" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
<path id="interpolate-f08-ja.svgpath2709" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
</g>
</g>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1249.0615690000002" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="1249.0615690000002" x="10">補間方式</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1254.6752840000001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="1254.6752840000001" x="10">補間方式</tspan>
</text>
- <rect id="d0e188" display="none" height="1000px" width="288" y="1254.3" x="10"/>
+ <rect id="d0e188" display="none" height="1000px" width="288" y="1259.9" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="1293.7" x="10"/>
+ <rect id="d0e191" display="none" height="1000px" width="288" y="1299.3" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1319.8384445000002) translate(4.5977783e-8,-4.346754e-3)">
+ <g id="interpolate-f09-ja.svgg2939" transform="translate(10, 1325.4521595) translate(4.5977783e-8,-4.346754e-3)">
<path id="interpolate-f09-ja.svgpath2532" stroke-linejoin="round" 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.735h10.17,26.37" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<g id="interpolate-f09-ja.svgg2606" transform="matrix(0.5218716,0,0,0.5218716,-7.8861822,-205.5904)">
<path id="interpolate-f09-ja.svgpath2534" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
</g>
<path id="interpolate-f09-ja.svgpath2546" stroke-linejoin="round" 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.0422-2.95-3.2366-6.535-3.2366-10.41,0-10.119,8.1459-18.266,18.266-18.266" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
</g>
- <rect id="d0e204" display="none" height="1000px" width="288" y="1372.4" x="10"/>
+ <rect id="d0e204" display="none" height="1000px" width="288" y="1378" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1398.4488525000002) translate(-19.278123,-16.358316)">
+ <g id="interpolate-f10-ja.svgg2607" transform="translate(10, 1404.0625675000001) translate(-19.278123,-16.358316)">
<path id="interpolate-f10-ja.svgpath4460" stroke-linejoin="round" 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" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<path id="interpolate-f10-ja.svgpath4462" stroke-linejoin="round" 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" stroke="#2e75ac" inkscape:export-xdpi="88.379997" stroke-miterlimit="4" stroke-width="4.04815769" fill="#0CF"/>
<g id="interpolate-f10-ja.svgg4484" transform="matrix(0.5218716,0,0,0.5218716,10.864771,-181.23611)">
<path id="interpolate-f10-ja.svgpath4496" stroke-linejoin="round" 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" stroke="#2e75ac" stroke-miterlimit="4" stroke-width="7.75699997" fill="#0CF"/>
</g>
</g>
- <rect id="d0e217" display="none" height="1000px" width="288" y="1451" x="10"/>
+ <rect id="d0e217" display="none" height="1000px" width="288" y="1456.6" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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;text-anchor:start;" font-weight="bold" font-size="8" y="1502.9126985" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="1502.9126985" x="10">指数</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1508.5264135" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="1508.5264135" x="10">指数</tspan>
</text>
- <rect id="d0e226" display="none" height="1000px" width="288" y="1508.1" x="10"/>
+ <rect id="d0e226" display="none" height="1000px" width="288" y="1513.7" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="1537.1" x="10"/>
+ <rect id="d0e231" display="none" height="1000px" width="288" y="1542.7" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 1563.2336985000002) translate(2.8125e-6,-2.3064422e-7)">
+ <g id="interpolate-f11-ja.svgg2920" transform="translate(10, 1568.8474135000001) translate(2.8125e-6,-2.3064422e-7)">
<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-miterlimit="4" stroke-width="0.86884195" 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.837s4.2094-2.3,4.2748-2.413c0.0327-0.057-4.322-2.231-4.2811-2.302,0.02044-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,2.393,4.1658,2.48,4.1658,0.088,0,2.283-4.3929,2.365-4.3929s0.987,4.6493,1.052,4.6493c0.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-miterlimit="4" stroke-width="0.79674554" fill="#0F0"/>
<g id="interpolate-f11-ja.svgg6545" transform="matrix(0.5218716,0,0,0.5218716,-9.217538,-573.46675)">
</g>
<flowRoot id="interpolate-f11-ja.svgflowRoot2609" font-weight="normal" xml:space="preserve" transform="translate(-291.30762,14.934984)" font-style="normal" font-size="6px" font-family="Bitstream Vera Sans" 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="1000px" width="288" y="1644.8" x="10"/>
+ <rect id="d0e244" display="none" height="1000px" width="288" y="1652.3" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1670.9423555) translate(-24.034172,-18.39093)">
+ <g id="interpolate-f12-ja.svgg2771" transform="translate(10, 1678.4273085000002) translate(-24.034172,-18.39093)">
<path id="interpolate-f12-ja.svgpath6640" stroke-linejoin="round" d="M271.63,45.832h-10.65l-5.33-9.226,5.33-9.226h10.65l5.33,9.226-5.33,9.226z" stroke="#17a500" stroke-miterlimit="4" stroke-width="0.86884195" fill="#0F0"/>
<path id="interpolate-f12-ja.svgpath6642" stroke-linejoin="round" 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="#17a500" stroke-miterlimit="4" stroke-width="0.79674554" fill="#0F0"/>
<g id="interpolate-f12-ja.svgg6743" transform="matrix(0.5218716,0,0,0.5218716,14.289464,-599.88532)">
<path id="interpolate-f12-ja.svgpath6755" stroke-linejoin="round" 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" stroke="#17a500" stroke-miterlimit="4" stroke-width="1.66485786" fill="#0F0"/>
</g>
</g>
- <rect id="d0e257" display="none" height="1000px" width="288" y="1713.7" x="10"/>
+ <rect id="d0e257" display="none" height="1000px" width="288" y="1721.2" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1739.8513765) translate(-24.034172,-18.39093)">
+ <g id="interpolate-f13-ja.svgg2760" transform="translate(10, 1747.3363295000001) translate(-24.034172,-18.39093)">
<path id="interpolate-f13-ja.svgpath6644" stroke-linejoin="round" d="M271.63,45.832h-10.65l-5.33-9.226,5.33-9.226h10.65l5.33,9.226-5.33,9.226z" stroke="#17a500" stroke-miterlimit="4" stroke-width="0.86884195" fill="#0F0"/>
<path id="interpolate-f13-ja.svgpath6646" stroke-linejoin="round" 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="#17a500" stroke-miterlimit="4" stroke-width="0.79674554" fill="#0F0"/>
<g id="interpolate-f13-ja.svgg6943" transform="matrix(0.5218716,0,0,0.5218716,14.289464,-641.00452)">
<path id="interpolate-f13-ja.svgpath6955" stroke-linejoin="round" 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" stroke="#17a500" stroke-miterlimit="4" stroke-width="1.66485786" fill="#0F0"/>
</g>
</g>
- <rect id="d0e270" display="none" height="1000px" width="288" y="1782.7" x="10"/>
+ <rect id="d0e270" display="none" height="1000px" width="288" y="1790.1" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1808.8072725) translate(-24.748457,-18.39098)">
+ <g id="interpolate-f14-ja.svgg2749" transform="translate(10, 1816.2922255) translate(-24.748457,-18.39098)">
<path id="interpolate-f14-ja.svgpath6648" stroke-linejoin="round" d="M272.35,45.832h-10.66l-5.32-9.226,5.32-9.226h10.66l5.32,9.226-5.32,9.226z" stroke="#17a500" stroke-miterlimit="4" stroke-width="0.86884195" fill="#0F0"/>
<path id="interpolate-f14-ja.svgpath6650" stroke-linejoin="round" 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="#17a500" stroke-miterlimit="4" stroke-width="0.79674554" fill="#0F0"/>
<g id="interpolate-f14-ja.svgg7477" transform="matrix(0.5218716,0,0,0.5218716,15.003749,-683.70527)">
<path id="interpolate-f14-ja.svgpath7489" stroke-linejoin="round" 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" stroke="#17a500" stroke-miterlimit="4" stroke-width="1.66485786" fill="#0F0"/>
</g>
</g>
- <rect id="d0e283" display="none" height="1000px" width="288" y="1851.6" x="10"/>
+ <rect id="d0e283" display="none" height="1000px" width="288" y="1859.1" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="1891.2" x="10"/>
+ <rect id="d0e289" display="none" height="1000px" width="288" y="1898.6" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 1927.9799445) translate(-24.748458,-19.105216)">
+ <g id="interpolate-f15-ja.svgg2738" transform="translate(10, 1935.4648975000002) translate(-24.748458,-19.105216)">
<path id="interpolate-f15-ja.svgpath6652" stroke-linejoin="round" d="M272.35,46.546h-10.66l-5.32-9.226,5.32-9.226h10.66l5.32,9.226-5.32,9.226z" stroke="#17a500" stroke-miterlimit="4" stroke-width="0.86884195" fill="#0F0"/>
<path id="interpolate-f15-ja.svgpath6654" stroke-linejoin="round" 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="#17a500" stroke-miterlimit="4" stroke-width="0.79674554" fill="#0F0"/>
<g id="interpolate-f15-ja.svgg7705" transform="matrix(0.5218716,0,0,0.5218716,15.53092,-723.58311)">
<path id="interpolate-f15-ja.svgpath7717" stroke-linejoin="round" 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" stroke="#17a500" stroke-miterlimit="4" stroke-width="1.52670813" fill="#0F0"/>
</g>
</g>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1983.5795905" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="1983.5795905" x="10">終端パスを複製する</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1991.0645435000001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="1991.0645435000001" x="10">終端パスを複製する</tspan>
</text>
- <rect id="d0e308" display="none" height="1000px" width="288" y="1988.8" x="10"/>
+ <rect id="d0e308" display="none" height="1000px" width="288" y="1996.3" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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;text-anchor:start;" font-weight="bold" font-size="8" y="2030.4774035" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2030.4774035" x="10">スタイルを補間する</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2037.9623565000002" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2037.9623565000002" x="10">スタイルを補間する</tspan>
</text>
- <rect id="d0e320" display="none" height="1000px" width="288" y="2035.7" x="10"/>
+ <rect id="d0e320" display="none" height="1000px" width="288" y="2043.2" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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="1000px" width="288" y="2075.1" x="10"/>
+ <rect id="d0e323" display="none" height="1000px" width="288" y="2082.6" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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(10, 2101.2386545) translate(-21.811549,-16.97341)">
+ <g id="interpolate-f16-ja.svgg2861" transform="translate(10, 2108.7236075) translate(-21.811549,-16.97341)">
<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(0.5218716,0,0,0.5218716,16.740257,-799.45519)">
<path id="interpolate-f16-ja.svgpath14141" fill="#f8ae00" 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"/>
</g>
</g>
- <rect id="d0e336" display="none" height="1000px" width="288" y="2149.7" x="10"/>
+ <rect id="d0e336" display="none" height="1000px" width="288" y="2157.2" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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" transform="translate(10, 2175.8867325) translate(-20.688595,-14.421848)">
+ <g id="interpolate-f17-ja.svgg2850" transform="translate(10, 2183.3716855000002) translate(-20.688595,-14.421848)">
<path id="interpolate-f17-ja.svgpath14293" stroke-linejoin="round" style="stroke-dasharray:none;" 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-miterlimit="4" stroke-width="1.50038075" fill="#FC0"/>
<path id="interpolate-f17-ja.svgpath14295" stroke-linejoin="round" style="stroke-dasharray:none;" 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-miterlimit="4" stroke-width="1.50038075" fill="#d40000"/>
<g id="interpolate-f17-ja.svgg14449" transform="matrix(0.5218716,0,0,0.5218716,16.367493,-843.97546)">
<path id="interpolate-f17-ja.svgpath14461" stroke-linejoin="round" style="stroke-dasharray:none;" 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" stroke-miterlimit="4" stroke-width="2.875" fill="#da1d00"/>
</g>
</g>
- <rect id="d0e349" display="none" height="1000px" width="288" y="2226.6" x="10"/>
+ <rect id="d0e349" display="none" height="1000px" width="288" y="2234.1" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 2252.7026665000003) translate(-20.83931,-14.710899)">
+ <g id="interpolate-f18-ja.svgg2826" transform="translate(10, 2260.1876195000004) translate(-20.83931,-14.710899)">
<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" sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" fill="#d40000" 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"/>
<g id="interpolate-f18-ja.svgg8948" transform="matrix(0.5218716,0,0,0.5218716,16.890973,-819.61038)">
<path id="interpolate-f18-ja.svgpath10446" stroke-linejoin="round" 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-miterlimit="4" stroke-width="3.10357141" fill="#f8ae00"/>
</g>
</g>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2357.0909425000004" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2357.0909425000004" x="10">補間を利用して不規則な形状のグラデーションぽく見せる</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2364.5758955000006" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2364.5758955000006" x="10">補間を利用して不規則な形状のグラデーションぽく見せる</tspan>
</text>
- <rect id="d0e368" display="none" height="1000px" width="288" y="2362.3" x="10"/>
+ <rect id="d0e368" display="none" height="1000px" width="288" y="2369.8" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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(10, 2420.4341295000004) translate(-17.25,-19.612183)">
+ <g id="interpolate-f19-ja.svgg2846" transform="translate(10, 2427.9190825000005) translate(-17.25,-19.612183)">
<path id="interpolate-f19-ja.svgpath2180" stroke-linejoin="miter" style="stroke-dasharray:none;" d="M20,132.36l75-32.855,85.71,33.575,77.15-32.86" stroke="#35b8ff" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="5.5" fill="none"/>
<path id="interpolate-f19-ja.svgpath3007" stroke-linejoin="miter" style="stroke-dasharray:none;" d="M20,55.219l75-32.857,85.71,33.572,77.15-32.858" stroke="#ffed35" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="5.5" fill="none"/>
</g>
- <rect id="d0e381" display="none" height="1000px" width="288" y="2548.6" x="10"/>
+ <rect id="d0e381" display="none" height="1000px" width="288" y="2556.1" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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(10, 2574.8359195000003) translate(-17.25,-19.612183)">
+ <g id="interpolate-f20-ja.svgg2805" transform="translate(10, 2582.3208725000004) translate(-17.25,-19.612183)">
<path id="interpolate-f20-ja.svgpath2180" stroke-linejoin="miter" style="stroke-dasharray:none;" d="M20,132.36l75-32.855,85.71,33.575,77.15-32.86" stroke="#35b8ff" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="5.5" fill="none"/>
<path id="interpolate-f20-ja.svgpath3007" stroke-linejoin="miter" style="stroke-dasharray:none;" d="M20,55.219l75-32.857,85.71,33.572,77.15-32.858" stroke="#ffed35" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="5.5" fill="none"/>
<g id="interpolate-f20-ja.svgg2785">
<path id="interpolate-f20-ja.svgpath4962" stroke-linejoin="miter" style="stroke-dasharray:none;" d="M20,127.82s75-32.853,75-32.853,85.71,33.573,85.71,33.573,77.15-32.858,77.15-32.858" stroke="#40bbf3" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="5.5" fill="none"/>
</g>
</g>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2715.8502095000003" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2715.8502095000003" x="10">最後に</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2723.3351625000005" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2723.3351625000005" x="10">最後に</tspan>
</text>
- <rect id="d0e400" display="none" height="1000px" width="288" y="2721.1" x="10"/>
+ <rect id="d0e400" display="none" height="1000px" width="288" y="2728.5" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" 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, 2771.2715215000003)">
+ <g transform="translate(0, 2778.7564745000004)">
<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.149642,0.000000,0.000000,0.465194,-0.130153,3495.428)" y1="-7656.4" x1="76.847" inkscape:collect="always"/>
<radialGradient id="radialGradient2456" xlink:href="#linearGradient666" gradientUnits="userSpaceOnUse" cy="1036.5" cx="233.92" gradientTransform="scale(1.825742,0.547723)" r="98.26" inkscape:collect="always"/>
index e23aa1f2fd82c1a2e45200deb28b0ea260b8215b..46783edd7c2d21e408d117a6d3bfa8199486882d 100644 (file)
<?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.48" 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#">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e10"/>
</flowRegion>
- <flowDiv xml:space="preserve">ã\81\93ã\81®ã\83\81ã\83¥ã\83¼ã\83\88ã\83ªã\82¢ã\83«ã\81¯ã\80\81ã\81\82ã\81ªã\81\9fã\81®ä½\9cæ¥ã\82\92å\8a©ã\81\91å\8a¹ç\8e\87å\8c\96ã\82\92å\9b³ã\82\8bã\80\81ã\81\84ã\81\8fã\81¤ã\81\8bã\81®ã\80\8cé\9a ã\81\97æ©\9fè\83½ã\80\8dã\82\84ã\83¦ã\83¼ã\82¶ã\81\8cè¦\8bã\81¤ã\81\91ã\81\9fã\81\95ã\81¾ã\81\96ã\81¾ã\81ªã\83\92ã\83³ã\83\88ã\82\84ã\82³ã\83\84ã\82\92ç´¹ä»\8bã\81\97ã\81¦ã\81\84ã\81¾ã\81\99ã\80\82</flowDiv>
+ <flowDiv xml:space="preserve">このチュートリアルは、あなたの作業を助け効率化を図るいくつかの「隠し機能」やユーザが見つけたさまざまなヒントやコツを紹介しています。</flowDiv>
</flowRoot>
<text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="78.912499" x="10" font-family="sans" font-style="normal" fill="#000000">
<tspan y="78.912499" x="10">タイルクローンを使った放射状の配置</tspan>
<flowRegion>
<use y="0" x="0" xlink:href="#d0e229"/>
</flowRegion>
- <flowDiv xml:space="preserve">The XML editor allows you to change almost all aspects of the document without using an
-external text editor. Also, Inkscape usually supports more SVG features than are
-accessible from the GUI. The XML editor is one way to get access to these features (if
-you know SVG).
-</flowDiv>
+ <flowDiv xml:space="preserve">XML エディタでは、外部のテキストエディタを使用せずに、ドキュメントをほとんどすべての面から変更できます。Inkscape は GUI から編集できるよりも多くの SVG 機能をサポートしていますが、XML エディタはこれらの機能を利用する一つの手段です (もしあなたが SVG についてご存知ならば)。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1973.2373177999998" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="1973.2373177999998" x="10">ルーラの単位の変更</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="1965.5760398" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="1965.5760398" x="10">ルーラの単位の変更</tspan>
</text>
- <rect id="d0e238" display="none" height="1000px" width="288" y="1978.4" x="10"/>
+ <rect id="d0e238" display="none" height="1000px" width="288" y="1970.8" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e238"/>
</flowRegion>
<flowDiv xml:space="preserve">デフォルトテンプレートでは、ルーラで使用される単位は px (「SVG ユーザ単位」、Inkscape では 0.8pt または 1/90 インチ) です。これは座標の表示や単位メニューの初期値に使われています (マウスポインタをルーラの上に移動させると使用している単位がツールチップに表示されます)。これを変更するには、<flowSpan font-family="sans serif">ドキュメントの設定</flowSpan> (<flowSpan font-weight="bold">Ctrl+Shift+D</flowSpan>) を開き、<flowSpan font-family="sans serif">ページ</flowSpan> タブの <flowSpan font-family="sans serif">デフォルト単位</flowSpan> を変更します。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2064.8693478" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2064.8693478" x="10">スタンプ</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2057.2080698" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2057.2080698" x="10">スタンプ</tspan>
</text>
- <rect id="d0e259" display="none" height="1000px" width="288" y="2070.1" x="10"/>
+ <rect id="d0e259" display="none" height="1000px" width="288" y="2062.4" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e259"/>
</flowRegion>
<flowDiv xml:space="preserve">オブジェクトの複製を素早く作成するには、<flowSpan font-style="italic">スタンプ</flowSpan> 機能を使います。オブジェクトをドラッグ (または拡大縮小や回転) し、マウスボタンを押している間に <flowSpan font-weight="bold">スペース</flowSpan> キーを押します。その時点でのオブジェクトが「スタンプ」として残ります。好きなだけこれを繰り返せます。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2133.0002868" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2133.0002868" x="10">ペンツールの裏技</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2125.3390088" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2125.3390088" x="10">ペンツールの裏技</tspan>
</text>
- <rect id="d0e274" display="none" height="1000px" width="288" y="2138.2" x="10"/>
+ <rect id="d0e274" display="none" height="1000px" width="288" y="2130.5" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e274"/>
</flowRegion>
<flowDiv xml:space="preserve">ペン (ベジエ) ツールで描画中の線を完了させるには以下のオプションがあります:</flowDiv>
</flowRoot>
- <circle cy="0" cx="0" r="2" transform="translate(15, 2173.0512248)"/>
- <rect id="d0e280" display="none" height="1000px" width="258" y="2167.1" x="20"/>
+ <circle cy="0" cx="0" r="2" transform="translate(15, 2165.3899468)"/>
+ <rect id="d0e280" display="none" height="1000px" width="258" y="2159.4" x="20"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e280"/>
</flowRegion>
<flowDiv xml:space="preserve"><flowSpan font-weight="bold">Enter</flowSpan> キーを押す</flowDiv>
</flowRoot>
- <circle cy="0" cx="0" r="2" transform="translate(15, 2191.0668498)"/>
- <rect id="d0e286" display="none" height="1000px" width="258" y="2185.1" x="20"/>
+ <circle cy="0" cx="0" r="2" transform="translate(15, 2183.4055718)"/>
+ <rect id="d0e286" display="none" height="1000px" width="258" y="2177.4" x="20"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e286"/>
</flowRegion>
<flowDiv xml:space="preserve">マウスの左ボタンでダブルクリックする</flowDiv>
</flowRoot>
- <circle cy="0" cx="0" r="2" transform="translate(15, 2209.2387248)"/>
- <rect id="d0e290" display="none" height="1000px" width="258" y="2203.2" x="20"/>
+ <circle cy="0" cx="0" r="2" transform="translate(15, 2201.5774468)"/>
+ <rect id="d0e290" display="none" height="1000px" width="258" y="2195.6" x="20"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e290"/>
</flowRegion>
<flowDiv xml:space="preserve">ペンツールを再度選択する</flowDiv>
</flowRoot>
- <circle cy="0" cx="0" r="2" transform="translate(15, 2227.3637248)"/>
- <rect id="d0e294" display="none" height="1000px" width="258" y="2221.4" x="20"/>
+ <circle cy="0" cx="0" r="2" transform="translate(15, 2219.7024468)"/>
+ <rect id="d0e294" display="none" height="1000px" width="258" y="2213.7" x="20"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e294"/>
</flowRegion>
<flowDiv xml:space="preserve">他のツールを選択する</flowDiv>
</flowRoot>
- <rect id="d0e298" display="none" height="1000px" width="288" y="2239.4" x="10"/>
+ <rect id="d0e298" display="none" height="1000px" width="288" y="2231.7" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e298"/>
</flowRegion>
<flowDiv xml:space="preserve">パスが完了していない間 (描画した線が緑色、現在のセグメントは赤色) は、オブジェクトはまだドキュメント上に存在していないことに注意してください。従って、それをキャンセルするには、<flowSpan font-family="sans serif">元に戻す</flowSpan> のではなく、<flowSpan font-weight="bold">Esc</flowSpan> キー (パス全体をキャンセル) または <flowSpan font-weight="bold">Backspace</flowSpan> キー (未完了のパスの最後のセグメントのみ削除) を使用します。</flowDiv>
</flowRoot>
- <rect id="d0e310" display="none" height="1000px" width="288" y="2301.7" x="10"/>
+ <rect id="d0e310" display="none" height="1000px" width="288" y="2294" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e310"/>
</flowRegion>
<flowDiv xml:space="preserve">既存のパスに新規にサブパスを追加するには、パスを選択し <flowSpan font-weight="bold">Shift</flowSpan> キーを押しながら任意のポイントを描画してください。しかし、既存のパスを伸ばしたいだけならば、Shift を押す必要はありません。単に選択したパスの終点から描画を開始してください。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2365.3621548" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2365.3621548" x="10">Unicode 値の入力</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2357.7008768000005" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2357.7008768000005" x="10">Unicode 値の入力</tspan>
</text>
- <rect id="d0e322" display="none" height="1000px" width="288" y="2370.6" x="10"/>
+ <rect id="d0e322" display="none" height="1000px" width="288" y="2362.9" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e322"/>
</flowRegion>
<flowDiv xml:space="preserve">テキストツールでは、<flowSpan font-weight="bold">Ctrl+U</flowSpan> を押すことで Unicode と通常モードを切り替えます。Unicode モードでは 4 個の 16 進数のグループを入力することで Unicode 1 文字になりますので、(あなたがそれらの Unicode を知っており、フォントがサポートしている限り) 任意の記号を入力する事ができます。Unicode 入力を終了するには <flowSpan font-weight="bold">Enter</flowSpan> キーを押します。例えば、<flowSpan font-weight="bold">Ctrl+U 2 0 1 4 Enter</flowSpan> で emダッシュ(—) が挿入されます。何も入力せずに Unicode を抜けるには <flowSpan font-weight="bold">Esc</flowSpan> キーを押します。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2469.7734248" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2469.7734248" x="10">アイコン描画のためのグリッドの使用</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2462.1121468000006" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2462.1121468000006" x="10">アイコン描画のためのグリッドの使用</tspan>
</text>
- <rect id="d0e343" display="none" height="1000px" width="288" y="2475" x="10"/>
+ <rect id="d0e343" display="none" height="1000px" width="288" y="2467.3" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e343"/>
</flowRegion>
<flowDiv xml:space="preserve">24×24 ピクセルのアイコンを作成したい場合は、24×24px のキャンバスを作成 (<flowSpan font-family="sans serif">ドキュメントの設定</flowSpan>) し、グリッドを 0.5px (48×48 のグリッド線に設定) します。フィルのオブジェクトを<flowSpan font-style="italic">偶数</flowSpan>のグリッド線に、ストロークのオブジェクトを<flowSpan font-style="italic">奇数</flowSpan>のグリッド線に配置したら、それをデフォルトの 90dpi (1 px は 1 ビットマップピクセルになります) でエクスポートします。するとアンチエイリアスのかかっていないビットマップ画像が出来上がります。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2561.3979968000003" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2561.3979968000003" x="10">オブジェクトの回転</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2553.7367188000007" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2553.7367188000007" x="10">オブジェクトの回転</tspan>
</text>
- <rect id="d0e361" display="none" height="1000px" width="288" y="2566.6" x="10"/>
+ <rect id="d0e361" display="none" height="1000px" width="288" y="2558.9" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e361"/>
</flowRegion>
<flowDiv xml:space="preserve">選択ツールの時に、オブジェクトを<flowSpan font-weight="bold">クリック</flowSpan>すると、拡大縮小の矢印が表示され、そのオブジェクト上で<flowSpan font-weight="bold">再度クリック</flowSpan>すると回転およびシフトの矢印が表示されます。角の矢印をクリックおよびドラッグすると、オブジェクトはその中心を軸 (+印が表示されます) として回転します。<flowSpan font-weight="bold">Shift</flowSpan> キーを押すと、対角を軸として回転します。回転軸はドラッグで好きな位置に置くことができます。</flowDiv>
</flowRoot>
- <rect id="d0e373" display="none" height="1000px" width="288" y="2628.1" x="10"/>
+ <rect id="d0e373" display="none" height="1000px" width="288" y="2620.4" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e373"/>
</flowRegion>
<flowDiv xml:space="preserve">また、キーボードから <flowSpan font-weight="bold">[</flowSpan> および <flowSpan font-weight="bold">]</flowSpan> キーを押すと 15°ずつ回転し、<flowSpan font-weight="bold">Ctrl+[</flowSpan> および <flowSpan font-weight="bold">Ctrl+]</flowSpan> キーを押すと90°ずつ回転します。<flowSpan font-weight="bold">Alt</flowSpan> キーを押しながらだと、ピクセルサイズ単位のゆっくりとした回転になります。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2681.1166328000004" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2681.1166328000004" x="10">オブジェクトパレットとしての「開く」ダイアログ</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2673.455354800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2673.455354800001" x="10">オブジェクトパレットとしての「開く」ダイアログ</tspan>
</text>
- <rect id="d0e397" display="none" height="1000px" width="288" y="2686.3" x="10"/>
+ <rect id="d0e397" display="none" height="1000px" width="288" y="2678.7" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e397"/>
</flowRegion>
<flowDiv xml:space="preserve">もしあなたが、他のドキュメントで再利用するための、数多くの小さな SVG ファイルを持っているなら、「開く」ダイアログをパレットのように利用できます。SVG ソースが入っているディレクトリをブックマークリストに追加しておくと素早くアクセスできます。そのディレクトリ内をプレビューで探します。目的のファイルが見つかったら、それをキャンバスにドラッグすると、現在のドキュメント上にインポートされます。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2771.3517388000005" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2771.3517388000005" x="10">影を落とす</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2763.690460800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2763.690460800001" x="10">影を落とす</tspan>
</text>
- <rect id="d0e406" display="none" height="1000px" width="288" y="2776.6" x="10"/>
+ <rect id="d0e406" display="none" height="1000px" width="288" y="2768.9" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e406"/>
</flowRegion>
<flowDiv xml:space="preserve">(訳注: Inkscape 0.47 では「フィルタ」→「光と影」→「影を落とす」でできます) Inkscape はガウスぼかし SVG フィルタをサポートしていますので、オブジェクトにぼかした影を落とすのも簡単にできます。オブジェクトを選択し、<flowSpan font-weight="bold">Ctrl+D</flowSpan> で複製を作成し、<flowSpan font-weight="bold">PgDown</flowSpan> でオリジナルオブジェクトの真下に置き、それをオリジナルオブジェクトの斜め下にずらします。フィル/ストロークダイアログを開いて、「ぼかし」値を変更します。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2862.2934758000006" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2862.2934758000006" x="10">パス上にテキストを置く</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2854.632197800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2854.632197800001" x="10">パス上にテキストを置く</tspan>
</text>
- <rect id="d0e421" display="none" height="1000px" width="288" y="2867.5" x="10"/>
+ <rect id="d0e421" display="none" height="1000px" width="288" y="2859.8" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e421"/>
</flowRegion>
<flowDiv xml:space="preserve">曲線に沿ってテキストを配置するには、テキストと曲線を一緒に選択し、「テキスト」メニューから <flowSpan font-family="sans serif">テキストをパス上に配置</flowSpan> を選びます。テキストはパスの先頭からパスに沿って表示されます。一般に、テキストを沿わせるにはそれ用にパスを作成するのが最適です。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2931.0566438000005" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="2931.0566438000005" x="10">オリジナルを選択する</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="2923.395365800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="2923.395365800001" x="10">オリジナルを選択する</tspan>
</text>
- <rect id="d0e433" display="none" height="1000px" width="288" y="2936.3" x="10"/>
+ <rect id="d0e433" display="none" height="1000px" width="288" y="2928.6" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e433"/>
</flowRegion>
<flowDiv xml:space="preserve">パス上に配置したテキスト、リンクオフセット、あるいはクローンがある場合、場合によってはそれらのもととなるオブジェクト/パスを探すのが難しくなるかもしれません。なぜなら、それは直下にあるとか、見えなくしている、あるいはロックされているかもしれないからです。マジックキー <flowSpan font-weight="bold">Shift+D</flowSpan> がそれを助けてくれます。テキスト、リンクオフセット、あるいはクローンを選択し、<flowSpan font-weight="bold">Shift+D</flowSpan> を押すと対応するパス、オフセットソース、あるいはクローンオリジナルが選択されます。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="3032.5130268000007" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="3032.5130268000007" x="10">画面の外に出てしまったウィンドウの回復</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="3024.851748800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="3024.851748800001" x="10">画面の外に出てしまったウィンドウの回復</tspan>
</text>
- <rect id="d0e448" display="none" height="1000px" width="288" y="3037.7" x="10"/>
+ <rect id="d0e448" display="none" height="1000px" width="288" y="3030.1" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e448"/>
</flowRegion>
<flowDiv xml:space="preserve">ドキュメントを解像度のやディスプレイの数が異なるシステムに移動した場合、Inkscape がウィンドウの位置を記憶しているために、画面の外にウィンドウが表示されてしまうかもしれません。その時は (タスクバーなどを使って) ウィンドウを全画面化して保存し、再び開いてください。<flowSpan font-family="sans serif">Inkscape の設定</flowSpan> の <flowSpan font-family="sans serif">ウィンドウ</flowSpan> タブでウィンドウの位置とサイズの保存をしないように設定すれば、この問題を回避できます。</flowDiv>
</flowRoot>
- <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="3123.391551800001" x="10" font-family="sans" font-style="normal" fill="#000000">
- <tspan y="3123.391551800001" x="10">透明、グラデーション、そして PostScript エクスポート</tspan>
+ <text style="writing-mode:lr;text-anchor:start;" font-weight="bold" font-size="8" y="3115.730273800001" x="10" font-family="sans" font-style="normal" fill="#000000">
+ <tspan y="3115.730273800001" x="10">透明、グラデーション、そして PostScript エクスポート</tspan>
</text>
- <rect id="d0e463" display="none" height="1000px" width="288" y="3128.6" x="10"/>
+ <rect id="d0e463" display="none" height="1000px" width="288" y="3120.9" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e463"/>
</flowRegion>
<flowDiv xml:space="preserve">PostScript や EPS 形式は<flowSpan font-style="italic">透明度</flowSpan>をサポートしていません。なので、それを決して PS/EPS にエクスポートしないでください。均一な透明データが単一色を覆っている場合は簡単に解決できます。透明オブジェクトを選択し、スポイトツールに切り替え (<flowSpan font-weight="bold">F7</flowSpan>)、「採取」(不透明度の採取モード) をオフにして、同じオブジェクトをクリックします。表示色が採取され、オブジェクトの背後に割り当てられますが、この時点で透明度は存在しません。すべての透明オブジェクトでこれを繰り返します。透明オブジェクトがいくつかの色の領域を覆っている場合、それに応じて透明オブジェクトを分割し、それぞれにこの手順を適用します。</flowDiv>
</flowRoot>
- <rect id="d0e472" display="none" height="1000px" width="288" y="3233.5" x="10"/>
+ <rect id="d0e472" display="none" height="1000px" width="288" y="3225.8" x="10"/>
<flowRoot style="writing-mode:lr-tb;text-anchor:start;text-align:start;" font-weight="normal" font-size="8" font-style="normal" font-stretch="normal" font-variant="normal" font-family="serif" line-height="133.00000%" fill="#000000">
<flowRegion>
<use y="0" x="0" xlink:href="#d0e472"/>
</flowRegion>
<flowDiv xml:space="preserve">グラデーションの PS/EPS へのエクスポートはテキスト (テキストがパスに変換されている場合を除く) やストロークの塗りに対しては機能しません。また、透明度は PS/EPS へのエクスポートでは失われるので、例えば<flowSpan font-style="italic">不透明</flowSpan>な青から <flowSpan font-style="italic">透明</flowSpan>な青へのグラデーションなどは使用できません。次善の策として、グラデーションを<flowSpan font-style="italic">不透明</flowSpan>な青から<flowSpan font-style="italic">不透明な</flowSpan>背景色に置き換えてください。</flowDiv>
</flowRoot>
- <g transform="translate(0, 3294.9818078000008)">
+ <g transform="translate(0, 3287.320529800001)">
<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.149642,0.000000,0.000000,0.465194,-0.130153,3495.428)" y1="-7656.4" x1="76.847" inkscape:collect="always"/>
<radialGradient id="radialGradient2456" xlink:href="#linearGradient666" gradientUnits="userSpaceOnUse" cy="1036.5" cx="233.92" gradientTransform="scale(1.825742,0.547723)" r="98.26" inkscape:collect="always"/>