svg で描いちゃう！書き方おぼえがき vol.08 【 複合パス 】
2018/08/02
フリーのイラストを書くのは、実務にはむいてないけど、
複合パスは、簡単で実務でも効果的に使えそうです！
複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,0,150,100,50,50,0,0,0,50,100Z"/＞
ベースのパスに複合させるパスを続けて記述します。
複合させるパスの基点 M は、
直前のパスの終点から相対座標にすることも可能です。
ベースのオブジェクト 〜 時計回り
複合させるオブジェクト 〜 反時計回り
のように、逆回転で記述すると抜きができます。
抜けない複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,1,150,100,50,50,0,0,1,50,100Z"/＞
抜けてる複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,0,150,100,50,50,0,0,0,50,100Z"/＞
この場合は、円弧の設定で方向を変えています。
遊んでみました。
こんなアイコンだったら、すぐ書けちゃう！！
以下参考に記述を。
元データは一枚に書いてるので、基点がまちまちになっちゃってます。
ブラウザーで見られるときは、viewBox="0 0 1000 1000" くらいに！
style もお好きにつけてください。
左の記述（画像は Illustrator で、反時計回りに回転させてます。）
＜path class="cls-3" d="
M25,200H175V350H25V200Z
M30,275A50,50,0,0,0,130,275,50,50,0,0,0,30,275Z
M70,275A50,50,0,0,0,170,275,50,50,0,0,0,70,275Z
M175,200L100,275,175,350,250,275,175,200Z
M185,275A20,20,0,0,1,225,275,20,20,0,0,1,185,275Z
M255,275A20,20,0,0,0,295,275,20,20,0,0,0,255,275Z
M35,275A20,20,0,0,1,95,275,20,20,0,0,1,35,275Z
"/＞
右の記述
＜path class="cls-3" d="
M425,200A280,280,0,0,1,625,200V350H425V200Z
M425,200L525,260,625,200,525,125,425,200Z
M525,325C525,325,475,300,475,325S525,325,525,325,575,350,575,325,525,325,525,325Z
M525,275A35,18,50,1,0,525,325,35,18,310,1,0,525,275Z
M525,245A32.5,32.5,0,0,0,525,170,32.5,32.5,0,0,0,525,245Z
M525,230A32.5,32.5,0,0,1,525,155,32.5,32.5,0,0,1,525,230Z
"/＞
今度は・・・。
半径 100 の円の座標値を 1° づつ 360° 書きました。
値は、直角三角形で割り出します。
作っておくと、角度と距離の計算が楽になるのでいいですよ！
五角形は、黄金比を内包してるから美しいんだと思う！
五角形の座標を結んでいけば、星も描けます。
引っ込んだ方の頂点の座標も計算しておきます。
五角形と星の記述
＜path class="cls-5" d="
M100,600L250,600,296.353,457.341,175,369.1725,53.637,457.341,100,600Z
M250,600L175,545.509,100,600,128.648,511.832,53.637,457.341,146.342,457.341,175,369.1725,203.648,457.341,296.353,457.341,221.353,511.832,250,600Z
M175,545.509L128.648,511.832,146.342,457.341,203.648,457.341,221.353,511.832,175,545.509Z
M100,600L175,496.771
M53.637,457.341L175,496.771
M175,369.1725L175,496.771
M296.353,457.341L175,496.771
M250,600L175,496.771
"/＞
計算は、すべてネットの計算サービスを使わせていただきました。
ありがとうございます。
円弧や直線で頂点を結びながら複合パスを作れば・・・。
ブルー（左）の記述
＜path class="cls-6" d="
M350,600L500,600,546.353,457.341,425,369.1725,303.637,457.341,350,600Z
M350,600L425,369.1725,500,600,303.637,457.341,546.353,457.341,350,600Z
"/＞
イエロー（右）の記述
＜path class="cls-6" d="
M600,600L750,600,796.353,457.341,675,369.1725,553.637,457.341,600,600Z
M600,600A150,150,0,0,1,796.353,457.341,150,150,0,0,1,553.637,457.341,150,150,0,0,1,750,600,150,150,0,0,1,675,369.1725,150,150,0,0,1,600,600Z
"/＞
ピンク（下）の記述
＜path class="cls-6" d="
M100,900A150,150,0,0,0,53.637,757.341A150,150,0,0,0,175,669.1725A150,150,0,0,0,296.353,757.341A150,150,0,0,0,250,900A150,150,0,0,0,100,900Z M250,900A45,45,0,0,0,221.353,811.832A45,45,0,0,0,296.353,757.341A45,45,0,0,0,203.648,757.341A45,45,0,0,0,175,669.1725A45,45,0,0,0,146.342,757.341A45,45,0,0,0,53.637,757.341A45,45,0,0,0,128.648,811.832A45,45,0,0,0,100,900A45,45,0,0,0,175,845.509A45,45,0,0,0,250,900Z
M175,845.509A30,30,0,0,1,128.648,811.832A30,30,0,0,1,146.342,757.341A30,30,0,0,1,203.648,757.341A30,30,0,0,1,221.353,811.832A30,30,0,0,1,175,845.509Z
M175,845.509A150,150,0,0,1,203.648,757.341A150,150,0,0,1,128.648,811.832A150,150,0,0,1,221.353,811.832A150,150,0,0,1,146.342,757.341A150,150,0,0,1,175,845.509Z
"/＞
こんなのもスイスイできちゃうー！！
複合パスは、簡単で実務でも効果的に使えそうです！
複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,0,150,100,50,50,0,0,0,50,100Z"/＞
ベースのパスに複合させるパスを続けて記述します。
複合させるパスの基点 M は、
直前のパスの終点から相対座標にすることも可能です。
ベースのオブジェクト 〜 時計回り
複合させるオブジェクト 〜 反時計回り
のように、逆回転で記述すると抜きができます。
抜けない複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,1,150,100,50,50,0,0,1,50,100Z"/＞
抜けてる複合パス
＜path class="cls-1" d="M25,25H175V175H25V25Z
M50,100A50,50,0,0,0,150,100,50,50,0,0,0,50,100Z"/＞
この場合は、円弧の設定で方向を変えています。
遊んでみました。
こんなアイコンだったら、すぐ書けちゃう！！
以下参考に記述を。
元データは一枚に書いてるので、基点がまちまちになっちゃってます。
ブラウザーで見られるときは、viewBox="0 0 1000 1000" くらいに！
style もお好きにつけてください。
左の記述（画像は Illustrator で、反時計回りに回転させてます。）
＜path class="cls-3" d="
M25,200H175V350H25V200Z
M30,275A50,50,0,0,0,130,275,50,50,0,0,0,30,275Z
M70,275A50,50,0,0,0,170,275,50,50,0,0,0,70,275Z
M175,200L100,275,175,350,250,275,175,200Z
M185,275A20,20,0,0,1,225,275,20,20,0,0,1,185,275Z
M255,275A20,20,0,0,0,295,275,20,20,0,0,0,255,275Z
M35,275A20,20,0,0,1,95,275,20,20,0,0,1,35,275Z
"/＞
右の記述
＜path class="cls-3" d="
M425,200A280,280,0,0,1,625,200V350H425V200Z
M425,200L525,260,625,200,525,125,425,200Z
M525,325C525,325,475,300,475,325S525,325,525,325,575,350,575,325,525,325,525,325Z
M525,275A35,18,50,1,0,525,325,35,18,310,1,0,525,275Z
M525,245A32.5,32.5,0,0,0,525,170,32.5,32.5,0,0,0,525,245Z
M525,230A32.5,32.5,0,0,1,525,155,32.5,32.5,0,0,1,525,230Z
"/＞
今度は・・・。
半径 100 の円の座標値を 1° づつ 360° 書きました。
値は、直角三角形で割り出します。
作っておくと、角度と距離の計算が楽になるのでいいですよ！
五角形は、黄金比を内包してるから美しいんだと思う！
五角形の座標を結んでいけば、星も描けます。
引っ込んだ方の頂点の座標も計算しておきます。
五角形と星の記述
＜path class="cls-5" d="
M100,600L250,600,296.353,457.341,175,369.1725,53.637,457.341,100,600Z
M250,600L175,545.509,100,600,128.648,511.832,53.637,457.341,146.342,457.341,175,369.1725,203.648,457.341,296.353,457.341,221.353,511.832,250,600Z
M175,545.509L128.648,511.832,146.342,457.341,203.648,457.341,221.353,511.832,175,545.509Z
M100,600L175,496.771
M53.637,457.341L175,496.771
M175,369.1725L175,496.771
M296.353,457.341L175,496.771
M250,600L175,496.771
"/＞
計算は、すべてネットの計算サービスを使わせていただきました。
ありがとうございます。
円弧や直線で頂点を結びながら複合パスを作れば・・・。
ブルー（左）の記述
＜path class="cls-6" d="
M350,600L500,600,546.353,457.341,425,369.1725,303.637,457.341,350,600Z
M350,600L425,369.1725,500,600,303.637,457.341,546.353,457.341,350,600Z
"/＞
イエロー（右）の記述
＜path class="cls-6" d="
M600,600L750,600,796.353,457.341,675,369.1725,553.637,457.341,600,600Z
M600,600A150,150,0,0,1,796.353,457.341,150,150,0,0,1,553.637,457.341,150,150,0,0,1,750,600,150,150,0,0,1,675,369.1725,150,150,0,0,1,600,600Z
"/＞
ピンク（下）の記述
＜path class="cls-6" d="
M100,900A150,150,0,0,0,53.637,757.341A150,150,0,0,0,175,669.1725A150,150,0,0,0,296.353,757.341A150,150,0,0,0,250,900A150,150,0,0,0,100,900Z M250,900A45,45,0,0,0,221.353,811.832A45,45,0,0,0,296.353,757.341A45,45,0,0,0,203.648,757.341A45,45,0,0,0,175,669.1725A45,45,0,0,0,146.342,757.341A45,45,0,0,0,53.637,757.341A45,45,0,0,0,128.648,811.832A45,45,0,0,0,100,900A45,45,0,0,0,175,845.509A45,45,0,0,0,250,900Z
M175,845.509A30,30,0,0,1,128.648,811.832A30,30,0,0,1,146.342,757.341A30,30,0,0,1,203.648,757.341A30,30,0,0,1,221.353,811.832A30,30,0,0,1,175,845.509Z
M175,845.509A150,150,0,0,1,203.648,757.341A150,150,0,0,1,128.648,811.832A150,150,0,0,1,221.353,811.832A150,150,0,0,1,146.342,757.341A150,150,0,0,1,175,845.509Z
"/＞
こんなのもスイスイできちゃうー！！
最後に長くなっちゃうけど、360° の記述。
FC2 は、svg がアップできないんだよね。 なんだかなー。
このままコピペして＜＞を半角にしていただければ使えます。
パスの長さは 100 。
相対座標なので、ベジェのハンドルを引き出すときの目安にも！！
＜svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"＞
＜defs＞
＜style＞
.cls-00 {
fill: none;
stroke: #000;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-1 {
fill: none;
stroke: #00aa9d;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-2 {
fill: none;
stroke: #ff94b8;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-3 {
fill: none;
stroke: #bf8cd6;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-4 {
fill: none;
stroke: #ff9355;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
＜/style＞
＜/defs＞
＜title＞Circle＜/title＞
＜g id="1-89"＞
＜path class="cls-1" d="M150,150l-99.985-1.745"/＞1
＜path class="cls-1" d="M150,150l-99.939-3.490"/＞2
＜path class="cls-1" d="M150,150l-99.863-5.234"/＞3
＜path class="cls-1" d="M150,150l-99.756-6.976"/＞4
＜path class="cls-1" d="M150,150l-99.619-8.716"/＞5
＜path class="cls-1" d="M150,150l-99.452-10.453"/＞6
＜path class="cls-1" d="M150,150l-99.255-12.187"/＞7
＜path class="cls-1" d="M150,150l-99.027-13.917"/＞8
＜path class="cls-1" d="M150,150l-98.769-15.643"/＞9
＜path class="cls-1" d="M150,150l-98.481-17.365"/＞10
＜path class="cls-1" d="M150,150l-98.163-19.081"/＞11
＜path class="cls-1" d="M150,150l-97.815-20.791"/＞12
＜path class="cls-1" d="M150,150l-97.437-22.495"/＞13
＜path class="cls-1" d="M150,150l-97.030-24.192"/＞14
＜path class="cls-1" d="M150,150l-96.593-25.882"/＞15
＜path class="cls-1" d="M150,150l-96.126-27.564"/＞16
＜path class="cls-1" d="M150,150l-95.630-29.237"/＞17
＜path class="cls-1" d="M150,150l-95.106-30.902"/＞18
＜path class="cls-1" d="M150,150l-94.552-32.557"/＞19
＜path class="cls-1" d="M150,150l-93.969-34.202"/＞20
＜path class="cls-1" d="M150,150l-93.358-35.837"/＞21
＜path class="cls-1" d="M150,150l-92.718-37.461"/＞22
＜path class="cls-1" d="M150,150l-92.050-39.073"/＞23
＜path class="cls-1" d="M150,150l-91.355-40.674"/＞24
＜path class="cls-1" d="M150,150l-90.631-42.262"/＞25
＜path class="cls-1" d="M150,150l-89.879-43.837"/＞26
＜path class="cls-1" d="M150,150l-89.101-45.399"/＞27
＜path class="cls-1" d="M150,150l-88.295-46.947"/＞28
＜path class="cls-1" d="M150,150l-87.462-48.481"/＞29
＜path class="cls-1" d="M150,150l-86.603-50"/＞30
＜path class="cls-1" d="M150,150l-85.717-51.504"/＞31
＜path class="cls-1" d="M150,150l-84.805-52.992"/＞32
＜path class="cls-1" d="M150,150l-83.867-54.464"/＞33
＜path class="cls-1" d="M150,150l-82.904-55.919"/＞34
＜path class="cls-1" d="M150,150l-81.915-57.358"/＞35
＜path class="cls-1" d="M150,150l-80.902-58.779"/＞36
＜path class="cls-1" d="M150,150l-79.864-60.182"/＞37
＜path class="cls-1" d="M150,150l-78.801-61.566"/＞38
＜path class="cls-1" d="M150,150l-77.715-62.932"/＞39
＜path class="cls-1" d="M150,150l-76.604-64.279"/＞40
＜path class="cls-1" d="M150,150l-75.471-65.606"/＞41
＜path class="cls-1" d="M150,150l-74.314-66.913"/＞42
＜path class="cls-1" d="M150,150l-73.135-68.200"/＞43
＜path class="cls-1" d="M150,150l-71.934-69.466"/＞44
＜path class="cls-1" d="M150,150l-70.711-70.711"/＞45
＜path class="cls-1" d="M150,150l-69.466-71.934"/＞46
＜path class="cls-1" d="M150,150l-68.200-73.135"/＞47
＜path class="cls-1" d="M150,150l-66.913-74.314"/＞48
＜path class="cls-1" d="M150,150l-65.606-75.471"/＞49
＜path class="cls-1" d="M150,150l-64.279-76.604"/＞50
＜path class="cls-1" d="M150,150l-62.932-77.715"/＞51
＜path class="cls-1" d="M150,150l-61.566-78.801"/＞52
＜path class="cls-1" d="M150,150l-60.182-79.864"/＞53
＜path class="cls-1" d="M150,150l-58.779-80.902"/＞54
＜path class="cls-1" d="M150,150l-57.358-81.915"/＞55
＜path class="cls-1" d="M150,150l-55.919-82.904"/＞56
＜path class="cls-1" d="M150,150l-54.464-83.867"/＞57
＜path class="cls-1" d="M150,150l-52.992-84.805"/＞58
＜path class="cls-1" d="M150,150l-51.504-85.717"/＞59
＜path class="cls-1" d="M150,150l-50-86.603"/＞60
＜path class="cls-1" d="M150,150l-48.481-87.462"/＞61
＜path class="cls-1" d="M150,150l-46.947-88.295"/＞62
＜path class="cls-1" d="M150,150l-45.399-89.101"/＞63
＜path class="cls-1" d="M150,150l-43.837-89.879"/＞64
＜path class="cls-1" d="M150,150l-42.262-90.631"/＞65
＜path class="cls-1" d="M150,150l-40.674-91.355"/＞66
＜path class="cls-1" d="M150,150l-39.073-92.050"/＞67
＜path class="cls-1" d="M150,150l-37.461-92.718"/＞68
＜path class="cls-1" d="M150,150l-35.837-93.358"/＞69
＜path class="cls-1" d="M150,150l-34.202-93.969"/＞70
＜path class="cls-1" d="M150,150l-32.557-94.552"/＞71
＜path class="cls-1" d="M150,150l-30.902-95.106"/＞72
＜path class="cls-1" d="M150,150l-29.237-95.630"/＞73
＜path class="cls-1" d="M150,150l-27.564-96.126"/＞74
＜path class="cls-1" d="M150,150l-25.882-96.593"/＞75
＜path class="cls-1" d="M150,150l-24.192-97.030"/＞76
＜path class="cls-1" d="M150,150l-22.495-97.437"/＞77
＜path class="cls-1" d="M150,150l-20.791-97.815"/＞78
＜path class="cls-1" d="M150,150l-19.081-98.163"/＞79
＜path class="cls-1" d="M150,150l-17.365-98.481"/＞80
＜path class="cls-1" d="M150,150l-15.643-98.769"/＞81
＜path class="cls-1" d="M150,150l-13.917-99.027"/＞82
＜path class="cls-1" d="M150,150l-12.187-99.255"/＞83
＜path class="cls-1" d="M150,150l-10.453-99.452"/＞84
＜path class="cls-1" d="M150,150l-8.716-99.619"/＞85
＜path class="cls-1" d="M150,150l-6.976-99.756"/＞86
＜path class="cls-1" d="M150,150l-5.234-99.863"/＞87
＜path class="cls-1" d="M150,150l-3.490-99.939"/＞88
＜path class="cls-1" d="M150,150l-1.745-99.985"/＞89
＜/g＞
＜g id="91-179"＞
＜path class="cls-2" d="M150,150l1.745-99.985"/＞91
＜path class="cls-2" d="M150,150l3.490-99.939"/＞92
＜path class="cls-2" d="M150,150l5.234-99.863"/＞93
＜path class="cls-2" d="M150,150l6.976-99.756"/＞94
＜path class="cls-2" d="M150,150l8.716-99.619"/＞95
＜path class="cls-2" d="M150,150l10.453-99.452"/＞96
＜path class="cls-2" d="M150,150l12.187-99.255"/＞97
＜path class="cls-2" d="M150,150l13.917-99.027"/＞98
＜path class="cls-2" d="M150,150l15.643-98.769"/＞99
＜path class="cls-2" d="M150,150l17.365-98.481"/＞100
＜path class="cls-2" d="M150,150l19.081-98.163"/＞101
＜path class="cls-2" d="M150,150l20.791-97.815"/＞102
＜path class="cls-2" d="M150,150l22.495-97.437"/＞103
＜path class="cls-2" d="M150,150l24.192-97.030"/＞104
＜path class="cls-2" d="M150,150l25.882-96.593"/＞105
＜path class="cls-2" d="M150,150l27.564-96.126"/＞106
＜path class="cls-2" d="M150,150l29.237-95.630"/＞107
＜path class="cls-2" d="M150,150l30.902-95.106"/＞108
＜path class="cls-2" d="M150,150l32.557-94.552"/＞109
＜path class="cls-2" d="M150,150l34.202-93.969"/＞110
＜path class="cls-2" d="M150,150l35.837-93.358"/＞111
＜path class="cls-2" d="M150,150l37.461-92.718"/＞112
＜path class="cls-2" d="M150,150l39.073-92.050"/＞113
＜path class="cls-2" d="M150,150l40.674-91.355"/＞114
＜path class="cls-2" d="M150,150l42.262-90.631"/＞115
＜path class="cls-2" d="M150,150l43.837-89.879"/＞116
＜path class="cls-2" d="M150,150l45.399-89.101"/＞117
＜path class="cls-2" d="M150,150l46.947-88.295"/＞118
＜path class="cls-2" d="M150,150l48.481-87.462"/＞119
＜path class="cls-2" d="M150,150l50-86.603"/＞120
＜path class="cls-2" d="M150,150l51.504-85.717"/＞121
＜path class="cls-2" d="M150,150l52.992-84.805"/＞122
＜path class="cls-2" d="M150,150l54.464-83.867"/＞123
＜path class="cls-2" d="M150,150l55.919-82.904"/＞124
＜path class="cls-2" d="M150,150l57.358-81.915"/＞125
＜path class="cls-2" d="M150,150l58.779-80.902"/＞126
＜path class="cls-2" d="M150,150l60.182-79.864"/＞127
＜path class="cls-2" d="M150,150l61.566-78.801"/＞128
＜path class="cls-2" d="M150,150l62.932-77.715"/＞129
＜path class="cls-2" d="M150,150l64.279-76.604"/＞130
＜path class="cls-2" d="M150,150l65.606-75.471"/＞131
＜path class="cls-2" d="M150,150l66.913-74.314"/＞132
＜path class="cls-2" d="M150,150l68.200-73.135"/＞133
＜path class="cls-2" d="M150,150l69.466-71.934"/＞134
＜path class="cls-2" d="M150,150l70.711-70.711"/＞135
＜path class="cls-2" d="M150,150l71.934-69.466"/＞136
＜path class="cls-2" d="M150,150l73.135-68.200"/＞137
＜path class="cls-2" d="M150,150l74.314-66.913"/＞138
＜path class="cls-2" d="M150,150l75.471-65.606"/＞139
＜path class="cls-2" d="M150,150l76.604-64.279"/＞140
＜path class="cls-2" d="M150,150l77.715-62.932"/＞141
＜path class="cls-2" d="M150,150l78.801-61.566"/＞142
＜path class="cls-2" d="M150,150l79.864-60.182"/＞143
＜path class="cls-2" d="M150,150l80.902-58.779"/＞144
＜path class="cls-2" d="M150,150l81.915-57.358"/＞145
＜path class="cls-2" d="M150,150l82.904-55.919"/＞146
＜path class="cls-2" d="M150,150l83.867-54.464"/＞147
＜path class="cls-2" d="M150,150l84.805-52.992"/＞148
＜path class="cls-2" d="M150,150l85.717-51.504"/＞149
＜path class="cls-2" d="M150,150l86.603-50"/＞150
＜path class="cls-2" d="M150,150l87.462-48.481"/＞151
＜path class="cls-2" d="M150,150l88.295-46.947"/＞152
＜path class="cls-2" d="M150,150l89.101-45.399"/＞153
＜path class="cls-2" d="M150,150l89.879-43.837"/＞154
＜path class="cls-2" d="M150,150l90.631-42.262"/＞155
＜path class="cls-2" d="M150,150l91.355-40.674"/＞156
＜path class="cls-2" d="M150,150l92.050-39.073"/＞157
＜path class="cls-2" d="M150,150l92.718-37.461"/＞158
＜path class="cls-2" d="M150,150l93.358-35.837"/＞159
＜path class="cls-2" d="M150,150l93.969-34.202"/＞160
＜path class="cls-2" d="M150,150l94.552-32.557"/＞161
＜path class="cls-2" d="M150,150l95.106-30.902"/＞162
＜path class="cls-2" d="M150,150l95.630-29.237"/＞163
＜path class="cls-2" d="M150,150l96.126-27.564"/＞164
＜path class="cls-2" d="M150,150l96.593-25.882"/＞165
＜path class="cls-2" d="M150,150l97.030-24.192"/＞166
＜path class="cls-2" d="M150,150l97.437-22.495"/＞167
＜path class="cls-2" d="M150,150l97.815-20.791"/＞168
＜path class="cls-2" d="M150,150l98.163-19.081"/＞169
＜path class="cls-2" d="M150,150l98.481-17.365"/＞170
＜path class="cls-2" d="M150,150l98.769-15.643"/＞171
＜path class="cls-2" d="M150,150l99.027-13.917"/＞172
＜path class="cls-2" d="M150,150l99.255-12.187"/＞173
＜path class="cls-2" d="M150,150l99.452-10.453"/＞174
＜path class="cls-2" d="M150,150l99.619-8.716"/＞175
＜path class="cls-2" d="M150,150l99.756-6.976"/＞176
＜path class="cls-2" d="M150,150l99.863-5.234"/＞177
＜path class="cls-2" d="M150,150l99.939-3.490"/＞178
＜path class="cls-2" d="M150,150l99.985-1.745"/＞179
＜/g＞
＜g id="181-269"＞
＜path class="cls-3" d="M150,150l99.985,1.745"/＞181
＜path class="cls-3" d="M150,150l99.939,3.490"/＞182
＜path class="cls-3" d="M150,150l99.863,5.234"/＞183
＜path class="cls-3" d="M150,150l99.756,6.976"/＞184
＜path class="cls-3" d="M150,150l99.619,8.716"/＞185
＜path class="cls-3" d="M150,150l99.452,10.453"/＞186
＜path class="cls-3" d="M150,150l99.255,12.187"/＞187
＜path class="cls-3" d="M150,150l99.027,13.917"/＞188
＜path class="cls-3" d="M150,150l98.769,15.643"/＞189
＜path class="cls-3" d="M150,150l98.481,17.365"/＞190
＜path class="cls-3" d="M150,150l98.163,19.081"/＞191
＜path class="cls-3" d="M150,150l97.815,20.791"/＞192
＜path class="cls-3" d="M150,150l97.437,22.495"/＞193
＜path class="cls-3" d="M150,150l97.030,24.192"/＞194
＜path class="cls-3" d="M150,150l96.593,25.882"/＞195
＜path class="cls-3" d="M150,150l96.126,27.564"/＞196
＜path class="cls-3" d="M150,150l95.630,29.237"/＞197
＜path class="cls-3" d="M150,150l95.106,30.902"/＞198
＜path class="cls-3" d="M150,150l94.552,32.557"/＞199
＜path class="cls-3" d="M150,150l93.969,34.202"/＞200
＜path class="cls-3" d="M150,150l93.358,35.837"/＞201
＜path class="cls-3" d="M150,150l92.718,37.461"/＞202
＜path class="cls-3" d="M150,150l92.050,39.073"/＞203
＜path class="cls-3" d="M150,150l91.355,40.674"/＞204
＜path class="cls-3" d="M150,150l90.631,42.262"/＞205
＜path class="cls-3" d="M150,150l89.879,43.837"/＞206
＜path class="cls-3" d="M150,150l89.101,45.399"/＞207
＜path class="cls-3" d="M150,150l88.295,46.947"/＞208
＜path class="cls-3" d="M150,150l87.462,48.481"/＞209
＜path class="cls-3" d="M150,150l86.603,50"/＞210
＜path class="cls-3" d="M150,150l85.717,51.504"/＞211
＜path class="cls-3" d="M150,150l84.805,52.992"/＞212
＜path class="cls-3" d="M150,150l83.867,54.464"/＞213
＜path class="cls-3" d="M150,150l82.904,55.919"/＞214
＜path class="cls-3" d="M150,150l81.915,57.358"/＞215
＜path class="cls-3" d="M150,150l80.902,58.779"/＞216
＜path class="cls-3" d="M150,150l79.864,60.182"/＞217
＜path class="cls-3" d="M150,150l78.801,61.566"/＞218
＜path class="cls-3" d="M150,150l77.715,62.932"/＞219
＜path class="cls-3" d="M150,150l76.604,64.279"/＞220
＜path class="cls-3" d="M150,150l75.471,65.606"/＞221
＜path class="cls-3" d="M150,150l74.314,66.913"/＞222
＜path class="cls-3" d="M150,150l73.135,68.200"/＞223
＜path class="cls-3" d="M150,150l71.934,69.466"/＞224
＜path class="cls-3" d="M150,150l70.711,70.711"/＞225
＜path class="cls-3" d="M150,150l69.466,71.934"/＞226
＜path class="cls-3" d="M150,150l68.200,73.135"/＞227
＜path class="cls-3" d="M150,150l66.913,74.314"/＞228
＜path class="cls-3" d="M150,150l65.606,75.471"/＞229
＜path class="cls-3" d="M150,150l64.279,76.604"/＞230
＜path class="cls-3" d="M150,150l62.932,77.715"/＞231
＜path class="cls-3" d="M150,150l61.566,78.801"/＞232
＜path class="cls-3" d="M150,150l60.182,79.864"/＞233
＜path class="cls-3" d="M150,150l58.779,80.902"/＞234
＜path class="cls-3" d="M150,150l57.358,81.915"/＞235
＜path class="cls-3" d="M150,150l55.919,82.904"/＞236
＜path class="cls-3" d="M150,150l54.464,83.867"/＞237
＜path class="cls-3" d="M150,150l52.992,84.805"/＞238
＜path class="cls-3" d="M150,150l51.504,85.717"/＞239
＜path class="cls-3" d="M150,150l50,86.603"/＞240
＜path class="cls-3" d="M150,150l48.481,87.462"/＞241
＜path class="cls-3" d="M150,150l46.947,88.295"/＞242
＜path class="cls-3" d="M150,150l45.399,89.101"/＞243
＜path class="cls-3" d="M150,150l43.837,89.879"/＞244
＜path class="cls-3" d="M150,150l42.262,90.631"/＞245
＜path class="cls-3" d="M150,150l40.674,91.355"/＞246
＜path class="cls-3" d="M150,150l39.073,92.050"/＞247
＜path class="cls-3" d="M150,150l37.461,92.718"/＞248
＜path class="cls-3" d="M150,150l35.837,93.358"/＞249
＜path class="cls-3" d="M150,150l34.202,93.969"/＞250
＜path class="cls-3" d="M150,150l32.557,94.552"/＞251
＜path class="cls-3" d="M150,150l30.902,95.106"/＞252
＜path class="cls-3" d="M150,150l29.237,95.630"/＞253
＜path class="cls-3" d="M150,150l27.564,96.126"/＞254
＜path class="cls-3" d="M150,150l25.882,96.593"/＞255
＜path class="cls-3" d="M150,150l24.192,97.030"/＞256
＜path class="cls-3" d="M150,150l22.495,97.437"/＞257
＜path class="cls-3" d="M150,150l20.791,97.815"/＞258
＜path class="cls-3" d="M150,150l19.081,98.163"/＞259
＜path class="cls-3" d="M150,150l17.365,98.481"/＞260
＜path class="cls-3" d="M150,150l15.643,98.769"/＞261
＜path class="cls-3" d="M150,150l13.917,99.027"/＞262
＜path class="cls-3" d="M150,150l12.187,99.255"/＞263
＜path class="cls-3" d="M150,150l10.453,99.452"/＞264
＜path class="cls-3" d="M150,150l8.716,99.619"/＞265
＜path class="cls-3" d="M150,150l6.976,99.756"/＞266
＜path class="cls-3" d="M150,150l5.234,99.863"/＞267
＜path class="cls-3" d="M150,150l3.490,99.939"/＞268
＜path class="cls-3" d="M150,150l1.745,99.985"/＞269
＜/g＞
＜g id="271-359"＞
＜path class="cls-4" d="M150,150l-1.745,99.985"/＞271
＜path class="cls-4" d="M150,150l-3.490,99.939"/＞272
＜path class="cls-4" d="M150,150l-5.234,99.863"/＞273
＜path class="cls-4" d="M150,150l-6.976,99.756"/＞274
＜path class="cls-4" d="M150,150l-8.716,99.619"/＞275
＜path class="cls-4" d="M150,150l-10.453,99.452"/＞276
＜path class="cls-4" d="M150,150l-12.187,99.255"/＞277
＜path class="cls-4" d="M150,150l-13.917,99.027"/＞278
＜path class="cls-4" d="M150,150l-15.643,98.769"/＞279
＜path class="cls-4" d="M150,150l-17.365,98.481"/＞280
＜path class="cls-4" d="M150,150l-19.081,98.163"/＞281
＜path class="cls-4" d="M150,150l-20.791,97.815"/＞282
＜path class="cls-4" d="M150,150l-22.495,97.437"/＞283
＜path class="cls-4" d="M150,150l-24.192,97.030"/＞284
＜path class="cls-4" d="M150,150l-25.882,96.593"/＞285
＜path class="cls-4" d="M150,150l-27.564,96.126"/＞286
＜path class="cls-4" d="M150,150l-29.237,95.630"/＞287
＜path class="cls-4" d="M150,150l-30.902,95.106"/＞288
＜path class="cls-4" d="M150,150l-32.557,94.552"/＞289
＜path class="cls-4" d="M150,150l-34.202,93.969"/＞290
＜path class="cls-4" d="M150,150l-35.837,93.358"/＞291
＜path class="cls-4" d="M150,150l-37.461,92.718"/＞292
＜path class="cls-4" d="M150,150l-39.073,92.050"/＞293
＜path class="cls-4" d="M150,150l-40.674,91.355"/＞294
＜path class="cls-4" d="M150,150l-42.262,90.631"/＞295
＜path class="cls-4" d="M150,150l-43.837,89.879"/＞296
＜path class="cls-4" d="M150,150l-45.399,89.101"/＞297
＜path class="cls-4" d="M150,150l-46.947,88.295"/＞298
＜path class="cls-4" d="M150,150l-48.481,87.462"/＞299
＜path class="cls-4" d="M150,150l-50,86.603"/＞300
＜path class="cls-4" d="M150,150l-51.504,85.717"/＞301
＜path class="cls-4" d="M150,150l-52.992,84.805"/＞302
＜path class="cls-4" d="M150,150l-54.464,83.867"/＞303
＜path class="cls-4" d="M150,150l-55.919,82.904"/＞304
＜path class="cls-4" d="M150,150l-57.358,81.915"/＞305
＜path class="cls-4" d="M150,150l-58.779,80.902"/＞306
＜path class="cls-4" d="M150,150l-60.182,79.864"/＞307
＜path class="cls-4" d="M150,150l-61.566,78.801"/＞308
＜path class="cls-4" d="M150,150l-62.932,77.715"/＞309
＜path class="cls-4" d="M150,150l-64.279,76.604"/＞310
＜path class="cls-4" d="M150,150l-65.606,75.471"/＞311
＜path class="cls-4" d="M150,150l-66.913,74.314"/＞312
＜path class="cls-4" d="M150,150l-68.200,73.135"/＞313
＜path class="cls-4" d="M150,150l-69.466,71.934"/＞314
＜path class="cls-4" d="M150,150l-70.711,70.711"/＞315
＜path class="cls-4" d="M150,150l-71.934,69.466"/＞316
＜path class="cls-4" d="M150,150l-73.135,68.200"/＞317
＜path class="cls-4" d="M150,150l-74.314,66.913"/＞318
＜path class="cls-4" d="M150,150l-75.471,65.606"/＞319
＜path class="cls-4" d="M150,150l-76.604,64.279"/＞320
＜path class="cls-4" d="M150,150l-77.715,62.932"/＞321
＜path class="cls-4" d="M150,150l-78.801,61.566"/＞322
＜path class="cls-4" d="M150,150l-79.864,60.182"/＞323
＜path class="cls-4" d="M150,150l-80.902,58.779"/＞324
＜path class="cls-4" d="M150,150l-81.915,57.358"/＞325
＜path class="cls-4" d="M150,150l-82.904,55.919"/＞326
＜path class="cls-4" d="M150,150l-83.867,54.464"/＞327
＜path class="cls-4" d="M150,150l-84.805,52.992"/＞328
＜path class="cls-4" d="M150,150l-85.717,51.504"/＞329
＜path class="cls-4" d="M150,150l-86.603,50"/＞330
＜path class="cls-4" d="M150,150l-87.462,48.481"/＞331
＜path class="cls-4" d="M150,150l-88.295,46.947"/＞332
＜path class="cls-4" d="M150,150l-89.101,45.399"/＞333
＜path class="cls-4" d="M150,150l-89.879,43.837"/＞334
＜path class="cls-4" d="M150,150l-90.631,42.262"/＞335
＜path class="cls-4" d="M150,150l-91.355,40.674"/＞336
＜path class="cls-4" d="M150,150l-92.050,39.073"/＞337
＜path class="cls-4" d="M150,150l-92.718,37.461"/＞338
＜path class="cls-4" d="M150,150l-93.358,35.837"/＞339
＜path class="cls-4" d="M150,150l-93.969,34.202"/＞340
＜path class="cls-4" d="M150,150l-94.552,32.557"/＞341
＜path class="cls-4" d="M150,150l-95.106,30.902"/＞342
＜path class="cls-4" d="M150,150l-95.630,29.237"/＞343
＜path class="cls-4" d="M150,150l-96.126,27.564"/＞344
＜path class="cls-4" d="M150,150l-96.593,25.882"/＞345
＜path class="cls-4" d="M150,150l-97.030,24.192"/＞346
＜path class="cls-4" d="M150,150l-97.437,22.495"/＞347
＜path class="cls-4" d="M150,150l-97.815,20.791"/＞348
＜path class="cls-4" d="M150,150l-98.163,19.081"/＞349
＜path class="cls-4" d="M150,150l-98.481,17.365"/＞350
＜path class="cls-4" d="M150,150l-98.769,15.643"/＞351
＜path class="cls-4" d="M150,150l-99.027,13.917"/＞352
＜path class="cls-4" d="M150,150l-99.255,12.187"/＞353
＜path class="cls-4" d="M150,150l-99.452,10.453"/＞354
＜path class="cls-4" d="M150,150l-99.619,8.716"/＞355
＜path class="cls-4" d="M150,150l-99.756,6.976"/＞356
＜path class="cls-4" d="M150,150l-99.863,5.234"/＞357
＜path class="cls-4" d="M150,150l-99.939,3.490"/＞358
＜path class="cls-4" d="M150,150l-99.985,1.745"/＞359
＜/g＞
＜g id="0-90-180"＞
＜path class="cls-00" d="M150,150l-100,0"/＞0
＜path class="cls-00" d="M150,150l0-100"/＞90
＜path class="cls-00" d="M150,150l0100,0"/＞180
＜path class="cls-00" d="M150,150l0,100"/＞270
＜/g＞
＜/svg＞
FC2 は、svg がアップできないんだよね。 なんだかなー。
このままコピペして＜＞を半角にしていただければ使えます。
パスの長さは 100 。
相対座標なので、ベジェのハンドルを引き出すときの目安にも！！
＜svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"＞
＜defs＞
＜style＞
.cls-00 {
fill: none;
stroke: #000;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-1 {
fill: none;
stroke: #00aa9d;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-2 {
fill: none;
stroke: #ff94b8;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-3 {
fill: none;
stroke: #bf8cd6;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
.cls-4 {
fill: none;
stroke: #ff9355;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 0.5px;
}
＜/style＞
＜/defs＞
＜title＞Circle＜/title＞
＜g id="1-89"＞
＜path class="cls-1" d="M150,150l-99.985-1.745"/＞1
＜path class="cls-1" d="M150,150l-99.939-3.490"/＞2
＜path class="cls-1" d="M150,150l-99.863-5.234"/＞3
＜path class="cls-1" d="M150,150l-99.756-6.976"/＞4
＜path class="cls-1" d="M150,150l-99.619-8.716"/＞5
＜path class="cls-1" d="M150,150l-99.452-10.453"/＞6
＜path class="cls-1" d="M150,150l-99.255-12.187"/＞7
＜path class="cls-1" d="M150,150l-99.027-13.917"/＞8
＜path class="cls-1" d="M150,150l-98.769-15.643"/＞9
＜path class="cls-1" d="M150,150l-98.481-17.365"/＞10
＜path class="cls-1" d="M150,150l-98.163-19.081"/＞11
＜path class="cls-1" d="M150,150l-97.815-20.791"/＞12
＜path class="cls-1" d="M150,150l-97.437-22.495"/＞13
＜path class="cls-1" d="M150,150l-97.030-24.192"/＞14
＜path class="cls-1" d="M150,150l-96.593-25.882"/＞15
＜path class="cls-1" d="M150,150l-96.126-27.564"/＞16
＜path class="cls-1" d="M150,150l-95.630-29.237"/＞17
＜path class="cls-1" d="M150,150l-95.106-30.902"/＞18
＜path class="cls-1" d="M150,150l-94.552-32.557"/＞19
＜path class="cls-1" d="M150,150l-93.969-34.202"/＞20
＜path class="cls-1" d="M150,150l-93.358-35.837"/＞21
＜path class="cls-1" d="M150,150l-92.718-37.461"/＞22
＜path class="cls-1" d="M150,150l-92.050-39.073"/＞23
＜path class="cls-1" d="M150,150l-91.355-40.674"/＞24
＜path class="cls-1" d="M150,150l-90.631-42.262"/＞25
＜path class="cls-1" d="M150,150l-89.879-43.837"/＞26
＜path class="cls-1" d="M150,150l-89.101-45.399"/＞27
＜path class="cls-1" d="M150,150l-88.295-46.947"/＞28
＜path class="cls-1" d="M150,150l-87.462-48.481"/＞29
＜path class="cls-1" d="M150,150l-86.603-50"/＞30
＜path class="cls-1" d="M150,150l-85.717-51.504"/＞31
＜path class="cls-1" d="M150,150l-84.805-52.992"/＞32
＜path class="cls-1" d="M150,150l-83.867-54.464"/＞33
＜path class="cls-1" d="M150,150l-82.904-55.919"/＞34
＜path class="cls-1" d="M150,150l-81.915-57.358"/＞35
＜path class="cls-1" d="M150,150l-80.902-58.779"/＞36
＜path class="cls-1" d="M150,150l-79.864-60.182"/＞37
＜path class="cls-1" d="M150,150l-78.801-61.566"/＞38
＜path class="cls-1" d="M150,150l-77.715-62.932"/＞39
＜path class="cls-1" d="M150,150l-76.604-64.279"/＞40
＜path class="cls-1" d="M150,150l-75.471-65.606"/＞41
＜path class="cls-1" d="M150,150l-74.314-66.913"/＞42
＜path class="cls-1" d="M150,150l-73.135-68.200"/＞43
＜path class="cls-1" d="M150,150l-71.934-69.466"/＞44
＜path class="cls-1" d="M150,150l-70.711-70.711"/＞45
＜path class="cls-1" d="M150,150l-69.466-71.934"/＞46
＜path class="cls-1" d="M150,150l-68.200-73.135"/＞47
＜path class="cls-1" d="M150,150l-66.913-74.314"/＞48
＜path class="cls-1" d="M150,150l-65.606-75.471"/＞49
＜path class="cls-1" d="M150,150l-64.279-76.604"/＞50
＜path class="cls-1" d="M150,150l-62.932-77.715"/＞51
＜path class="cls-1" d="M150,150l-61.566-78.801"/＞52
＜path class="cls-1" d="M150,150l-60.182-79.864"/＞53
＜path class="cls-1" d="M150,150l-58.779-80.902"/＞54
＜path class="cls-1" d="M150,150l-57.358-81.915"/＞55
＜path class="cls-1" d="M150,150l-55.919-82.904"/＞56
＜path class="cls-1" d="M150,150l-54.464-83.867"/＞57
＜path class="cls-1" d="M150,150l-52.992-84.805"/＞58
＜path class="cls-1" d="M150,150l-51.504-85.717"/＞59
＜path class="cls-1" d="M150,150l-50-86.603"/＞60
＜path class="cls-1" d="M150,150l-48.481-87.462"/＞61
＜path class="cls-1" d="M150,150l-46.947-88.295"/＞62
＜path class="cls-1" d="M150,150l-45.399-89.101"/＞63
＜path class="cls-1" d="M150,150l-43.837-89.879"/＞64
＜path class="cls-1" d="M150,150l-42.262-90.631"/＞65
＜path class="cls-1" d="M150,150l-40.674-91.355"/＞66
＜path class="cls-1" d="M150,150l-39.073-92.050"/＞67
＜path class="cls-1" d="M150,150l-37.461-92.718"/＞68
＜path class="cls-1" d="M150,150l-35.837-93.358"/＞69
＜path class="cls-1" d="M150,150l-34.202-93.969"/＞70
＜path class="cls-1" d="M150,150l-32.557-94.552"/＞71
＜path class="cls-1" d="M150,150l-30.902-95.106"/＞72
＜path class="cls-1" d="M150,150l-29.237-95.630"/＞73
＜path class="cls-1" d="M150,150l-27.564-96.126"/＞74
＜path class="cls-1" d="M150,150l-25.882-96.593"/＞75
＜path class="cls-1" d="M150,150l-24.192-97.030"/＞76
＜path class="cls-1" d="M150,150l-22.495-97.437"/＞77
＜path class="cls-1" d="M150,150l-20.791-97.815"/＞78
＜path class="cls-1" d="M150,150l-19.081-98.163"/＞79
＜path class="cls-1" d="M150,150l-17.365-98.481"/＞80
＜path class="cls-1" d="M150,150l-15.643-98.769"/＞81
＜path class="cls-1" d="M150,150l-13.917-99.027"/＞82
＜path class="cls-1" d="M150,150l-12.187-99.255"/＞83
＜path class="cls-1" d="M150,150l-10.453-99.452"/＞84
＜path class="cls-1" d="M150,150l-8.716-99.619"/＞85
＜path class="cls-1" d="M150,150l-6.976-99.756"/＞86
＜path class="cls-1" d="M150,150l-5.234-99.863"/＞87
＜path class="cls-1" d="M150,150l-3.490-99.939"/＞88
＜path class="cls-1" d="M150,150l-1.745-99.985"/＞89
＜/g＞
＜g id="91-179"＞
＜path class="cls-2" d="M150,150l1.745-99.985"/＞91
＜path class="cls-2" d="M150,150l3.490-99.939"/＞92
＜path class="cls-2" d="M150,150l5.234-99.863"/＞93
＜path class="cls-2" d="M150,150l6.976-99.756"/＞94
＜path class="cls-2" d="M150,150l8.716-99.619"/＞95
＜path class="cls-2" d="M150,150l10.453-99.452"/＞96
＜path class="cls-2" d="M150,150l12.187-99.255"/＞97
＜path class="cls-2" d="M150,150l13.917-99.027"/＞98
＜path class="cls-2" d="M150,150l15.643-98.769"/＞99
＜path class="cls-2" d="M150,150l17.365-98.481"/＞100
＜path class="cls-2" d="M150,150l19.081-98.163"/＞101
＜path class="cls-2" d="M150,150l20.791-97.815"/＞102
＜path class="cls-2" d="M150,150l22.495-97.437"/＞103
＜path class="cls-2" d="M150,150l24.192-97.030"/＞104
＜path class="cls-2" d="M150,150l25.882-96.593"/＞105
＜path class="cls-2" d="M150,150l27.564-96.126"/＞106
＜path class="cls-2" d="M150,150l29.237-95.630"/＞107
＜path class="cls-2" d="M150,150l30.902-95.106"/＞108
＜path class="cls-2" d="M150,150l32.557-94.552"/＞109
＜path class="cls-2" d="M150,150l34.202-93.969"/＞110
＜path class="cls-2" d="M150,150l35.837-93.358"/＞111
＜path class="cls-2" d="M150,150l37.461-92.718"/＞112
＜path class="cls-2" d="M150,150l39.073-92.050"/＞113
＜path class="cls-2" d="M150,150l40.674-91.355"/＞114
＜path class="cls-2" d="M150,150l42.262-90.631"/＞115
＜path class="cls-2" d="M150,150l43.837-89.879"/＞116
＜path class="cls-2" d="M150,150l45.399-89.101"/＞117
＜path class="cls-2" d="M150,150l46.947-88.295"/＞118
＜path class="cls-2" d="M150,150l48.481-87.462"/＞119
＜path class="cls-2" d="M150,150l50-86.603"/＞120
＜path class="cls-2" d="M150,150l51.504-85.717"/＞121
＜path class="cls-2" d="M150,150l52.992-84.805"/＞122
＜path class="cls-2" d="M150,150l54.464-83.867"/＞123
＜path class="cls-2" d="M150,150l55.919-82.904"/＞124
＜path class="cls-2" d="M150,150l57.358-81.915"/＞125
＜path class="cls-2" d="M150,150l58.779-80.902"/＞126
＜path class="cls-2" d="M150,150l60.182-79.864"/＞127
＜path class="cls-2" d="M150,150l61.566-78.801"/＞128
＜path class="cls-2" d="M150,150l62.932-77.715"/＞129
＜path class="cls-2" d="M150,150l64.279-76.604"/＞130
＜path class="cls-2" d="M150,150l65.606-75.471"/＞131
＜path class="cls-2" d="M150,150l66.913-74.314"/＞132
＜path class="cls-2" d="M150,150l68.200-73.135"/＞133
＜path class="cls-2" d="M150,150l69.466-71.934"/＞134
＜path class="cls-2" d="M150,150l70.711-70.711"/＞135
＜path class="cls-2" d="M150,150l71.934-69.466"/＞136
＜path class="cls-2" d="M150,150l73.135-68.200"/＞137
＜path class="cls-2" d="M150,150l74.314-66.913"/＞138
＜path class="cls-2" d="M150,150l75.471-65.606"/＞139
＜path class="cls-2" d="M150,150l76.604-64.279"/＞140
＜path class="cls-2" d="M150,150l77.715-62.932"/＞141
＜path class="cls-2" d="M150,150l78.801-61.566"/＞142
＜path class="cls-2" d="M150,150l79.864-60.182"/＞143
＜path class="cls-2" d="M150,150l80.902-58.779"/＞144
＜path class="cls-2" d="M150,150l81.915-57.358"/＞145
＜path class="cls-2" d="M150,150l82.904-55.919"/＞146
＜path class="cls-2" d="M150,150l83.867-54.464"/＞147
＜path class="cls-2" d="M150,150l84.805-52.992"/＞148
＜path class="cls-2" d="M150,150l85.717-51.504"/＞149
＜path class="cls-2" d="M150,150l86.603-50"/＞150
＜path class="cls-2" d="M150,150l87.462-48.481"/＞151
＜path class="cls-2" d="M150,150l88.295-46.947"/＞152
＜path class="cls-2" d="M150,150l89.101-45.399"/＞153
＜path class="cls-2" d="M150,150l89.879-43.837"/＞154
＜path class="cls-2" d="M150,150l90.631-42.262"/＞155
＜path class="cls-2" d="M150,150l91.355-40.674"/＞156
＜path class="cls-2" d="M150,150l92.050-39.073"/＞157
＜path class="cls-2" d="M150,150l92.718-37.461"/＞158
＜path class="cls-2" d="M150,150l93.358-35.837"/＞159
＜path class="cls-2" d="M150,150l93.969-34.202"/＞160
＜path class="cls-2" d="M150,150l94.552-32.557"/＞161
＜path class="cls-2" d="M150,150l95.106-30.902"/＞162
＜path class="cls-2" d="M150,150l95.630-29.237"/＞163
＜path class="cls-2" d="M150,150l96.126-27.564"/＞164
＜path class="cls-2" d="M150,150l96.593-25.882"/＞165
＜path class="cls-2" d="M150,150l97.030-24.192"/＞166
＜path class="cls-2" d="M150,150l97.437-22.495"/＞167
＜path class="cls-2" d="M150,150l97.815-20.791"/＞168
＜path class="cls-2" d="M150,150l98.163-19.081"/＞169
＜path class="cls-2" d="M150,150l98.481-17.365"/＞170
＜path class="cls-2" d="M150,150l98.769-15.643"/＞171
＜path class="cls-2" d="M150,150l99.027-13.917"/＞172
＜path class="cls-2" d="M150,150l99.255-12.187"/＞173
＜path class="cls-2" d="M150,150l99.452-10.453"/＞174
＜path class="cls-2" d="M150,150l99.619-8.716"/＞175
＜path class="cls-2" d="M150,150l99.756-6.976"/＞176
＜path class="cls-2" d="M150,150l99.863-5.234"/＞177
＜path class="cls-2" d="M150,150l99.939-3.490"/＞178
＜path class="cls-2" d="M150,150l99.985-1.745"/＞179
＜/g＞
＜g id="181-269"＞
＜path class="cls-3" d="M150,150l99.985,1.745"/＞181
＜path class="cls-3" d="M150,150l99.939,3.490"/＞182
＜path class="cls-3" d="M150,150l99.863,5.234"/＞183
＜path class="cls-3" d="M150,150l99.756,6.976"/＞184
＜path class="cls-3" d="M150,150l99.619,8.716"/＞185
＜path class="cls-3" d="M150,150l99.452,10.453"/＞186
＜path class="cls-3" d="M150,150l99.255,12.187"/＞187
＜path class="cls-3" d="M150,150l99.027,13.917"/＞188
＜path class="cls-3" d="M150,150l98.769,15.643"/＞189
＜path class="cls-3" d="M150,150l98.481,17.365"/＞190
＜path class="cls-3" d="M150,150l98.163,19.081"/＞191
＜path class="cls-3" d="M150,150l97.815,20.791"/＞192
＜path class="cls-3" d="M150,150l97.437,22.495"/＞193
＜path class="cls-3" d="M150,150l97.030,24.192"/＞194
＜path class="cls-3" d="M150,150l96.593,25.882"/＞195
＜path class="cls-3" d="M150,150l96.126,27.564"/＞196
＜path class="cls-3" d="M150,150l95.630,29.237"/＞197
＜path class="cls-3" d="M150,150l95.106,30.902"/＞198
＜path class="cls-3" d="M150,150l94.552,32.557"/＞199
＜path class="cls-3" d="M150,150l93.969,34.202"/＞200
＜path class="cls-3" d="M150,150l93.358,35.837"/＞201
＜path class="cls-3" d="M150,150l92.718,37.461"/＞202
＜path class="cls-3" d="M150,150l92.050,39.073"/＞203
＜path class="cls-3" d="M150,150l91.355,40.674"/＞204
＜path class="cls-3" d="M150,150l90.631,42.262"/＞205
＜path class="cls-3" d="M150,150l89.879,43.837"/＞206
＜path class="cls-3" d="M150,150l89.101,45.399"/＞207
＜path class="cls-3" d="M150,150l88.295,46.947"/＞208
＜path class="cls-3" d="M150,150l87.462,48.481"/＞209
＜path class="cls-3" d="M150,150l86.603,50"/＞210
＜path class="cls-3" d="M150,150l85.717,51.504"/＞211
＜path class="cls-3" d="M150,150l84.805,52.992"/＞212
＜path class="cls-3" d="M150,150l83.867,54.464"/＞213
＜path class="cls-3" d="M150,150l82.904,55.919"/＞214
＜path class="cls-3" d="M150,150l81.915,57.358"/＞215
＜path class="cls-3" d="M150,150l80.902,58.779"/＞216
＜path class="cls-3" d="M150,150l79.864,60.182"/＞217
＜path class="cls-3" d="M150,150l78.801,61.566"/＞218
＜path class="cls-3" d="M150,150l77.715,62.932"/＞219
＜path class="cls-3" d="M150,150l76.604,64.279"/＞220
＜path class="cls-3" d="M150,150l75.471,65.606"/＞221
＜path class="cls-3" d="M150,150l74.314,66.913"/＞222
＜path class="cls-3" d="M150,150l73.135,68.200"/＞223
＜path class="cls-3" d="M150,150l71.934,69.466"/＞224
＜path class="cls-3" d="M150,150l70.711,70.711"/＞225
＜path class="cls-3" d="M150,150l69.466,71.934"/＞226
＜path class="cls-3" d="M150,150l68.200,73.135"/＞227
＜path class="cls-3" d="M150,150l66.913,74.314"/＞228
＜path class="cls-3" d="M150,150l65.606,75.471"/＞229
＜path class="cls-3" d="M150,150l64.279,76.604"/＞230
＜path class="cls-3" d="M150,150l62.932,77.715"/＞231
＜path class="cls-3" d="M150,150l61.566,78.801"/＞232
＜path class="cls-3" d="M150,150l60.182,79.864"/＞233
＜path class="cls-3" d="M150,150l58.779,80.902"/＞234
＜path class="cls-3" d="M150,150l57.358,81.915"/＞235
＜path class="cls-3" d="M150,150l55.919,82.904"/＞236
＜path class="cls-3" d="M150,150l54.464,83.867"/＞237
＜path class="cls-3" d="M150,150l52.992,84.805"/＞238
＜path class="cls-3" d="M150,150l51.504,85.717"/＞239
＜path class="cls-3" d="M150,150l50,86.603"/＞240
＜path class="cls-3" d="M150,150l48.481,87.462"/＞241
＜path class="cls-3" d="M150,150l46.947,88.295"/＞242
＜path class="cls-3" d="M150,150l45.399,89.101"/＞243
＜path class="cls-3" d="M150,150l43.837,89.879"/＞244
＜path class="cls-3" d="M150,150l42.262,90.631"/＞245
＜path class="cls-3" d="M150,150l40.674,91.355"/＞246
＜path class="cls-3" d="M150,150l39.073,92.050"/＞247
＜path class="cls-3" d="M150,150l37.461,92.718"/＞248
＜path class="cls-3" d="M150,150l35.837,93.358"/＞249
＜path class="cls-3" d="M150,150l34.202,93.969"/＞250
＜path class="cls-3" d="M150,150l32.557,94.552"/＞251
＜path class="cls-3" d="M150,150l30.902,95.106"/＞252
＜path class="cls-3" d="M150,150l29.237,95.630"/＞253
＜path class="cls-3" d="M150,150l27.564,96.126"/＞254
＜path class="cls-3" d="M150,150l25.882,96.593"/＞255
＜path class="cls-3" d="M150,150l24.192,97.030"/＞256
＜path class="cls-3" d="M150,150l22.495,97.437"/＞257
＜path class="cls-3" d="M150,150l20.791,97.815"/＞258
＜path class="cls-3" d="M150,150l19.081,98.163"/＞259
＜path class="cls-3" d="M150,150l17.365,98.481"/＞260
＜path class="cls-3" d="M150,150l15.643,98.769"/＞261
＜path class="cls-3" d="M150,150l13.917,99.027"/＞262
＜path class="cls-3" d="M150,150l12.187,99.255"/＞263
＜path class="cls-3" d="M150,150l10.453,99.452"/＞264
＜path class="cls-3" d="M150,150l8.716,99.619"/＞265
＜path class="cls-3" d="M150,150l6.976,99.756"/＞266
＜path class="cls-3" d="M150,150l5.234,99.863"/＞267
＜path class="cls-3" d="M150,150l3.490,99.939"/＞268
＜path class="cls-3" d="M150,150l1.745,99.985"/＞269
＜/g＞
＜g id="271-359"＞
＜path class="cls-4" d="M150,150l-1.745,99.985"/＞271
＜path class="cls-4" d="M150,150l-3.490,99.939"/＞272
＜path class="cls-4" d="M150,150l-5.234,99.863"/＞273
＜path class="cls-4" d="M150,150l-6.976,99.756"/＞274
＜path class="cls-4" d="M150,150l-8.716,99.619"/＞275
＜path class="cls-4" d="M150,150l-10.453,99.452"/＞276
＜path class="cls-4" d="M150,150l-12.187,99.255"/＞277
＜path class="cls-4" d="M150,150l-13.917,99.027"/＞278
＜path class="cls-4" d="M150,150l-15.643,98.769"/＞279
＜path class="cls-4" d="M150,150l-17.365,98.481"/＞280
＜path class="cls-4" d="M150,150l-19.081,98.163"/＞281
＜path class="cls-4" d="M150,150l-20.791,97.815"/＞282
＜path class="cls-4" d="M150,150l-22.495,97.437"/＞283
＜path class="cls-4" d="M150,150l-24.192,97.030"/＞284
＜path class="cls-4" d="M150,150l-25.882,96.593"/＞285
＜path class="cls-4" d="M150,150l-27.564,96.126"/＞286
＜path class="cls-4" d="M150,150l-29.237,95.630"/＞287
＜path class="cls-4" d="M150,150l-30.902,95.106"/＞288
＜path class="cls-4" d="M150,150l-32.557,94.552"/＞289
＜path class="cls-4" d="M150,150l-34.202,93.969"/＞290
＜path class="cls-4" d="M150,150l-35.837,93.358"/＞291
＜path class="cls-4" d="M150,150l-37.461,92.718"/＞292
＜path class="cls-4" d="M150,150l-39.073,92.050"/＞293
＜path class="cls-4" d="M150,150l-40.674,91.355"/＞294
＜path class="cls-4" d="M150,150l-42.262,90.631"/＞295
＜path class="cls-4" d="M150,150l-43.837,89.879"/＞296
＜path class="cls-4" d="M150,150l-45.399,89.101"/＞297
＜path class="cls-4" d="M150,150l-46.947,88.295"/＞298
＜path class="cls-4" d="M150,150l-48.481,87.462"/＞299
＜path class="cls-4" d="M150,150l-50,86.603"/＞300
＜path class="cls-4" d="M150,150l-51.504,85.717"/＞301
＜path class="cls-4" d="M150,150l-52.992,84.805"/＞302
＜path class="cls-4" d="M150,150l-54.464,83.867"/＞303
＜path class="cls-4" d="M150,150l-55.919,82.904"/＞304
＜path class="cls-4" d="M150,150l-57.358,81.915"/＞305
＜path class="cls-4" d="M150,150l-58.779,80.902"/＞306
＜path class="cls-4" d="M150,150l-60.182,79.864"/＞307
＜path class="cls-4" d="M150,150l-61.566,78.801"/＞308
＜path class="cls-4" d="M150,150l-62.932,77.715"/＞309
＜path class="cls-4" d="M150,150l-64.279,76.604"/＞310
＜path class="cls-4" d="M150,150l-65.606,75.471"/＞311
＜path class="cls-4" d="M150,150l-66.913,74.314"/＞312
＜path class="cls-4" d="M150,150l-68.200,73.135"/＞313
＜path class="cls-4" d="M150,150l-69.466,71.934"/＞314
＜path class="cls-4" d="M150,150l-70.711,70.711"/＞315
＜path class="cls-4" d="M150,150l-71.934,69.466"/＞316
＜path class="cls-4" d="M150,150l-73.135,68.200"/＞317
＜path class="cls-4" d="M150,150l-74.314,66.913"/＞318
＜path class="cls-4" d="M150,150l-75.471,65.606"/＞319
＜path class="cls-4" d="M150,150l-76.604,64.279"/＞320
＜path class="cls-4" d="M150,150l-77.715,62.932"/＞321
＜path class="cls-4" d="M150,150l-78.801,61.566"/＞322
＜path class="cls-4" d="M150,150l-79.864,60.182"/＞323
＜path class="cls-4" d="M150,150l-80.902,58.779"/＞324
＜path class="cls-4" d="M150,150l-81.915,57.358"/＞325
＜path class="cls-4" d="M150,150l-82.904,55.919"/＞326
＜path class="cls-4" d="M150,150l-83.867,54.464"/＞327
＜path class="cls-4" d="M150,150l-84.805,52.992"/＞328
＜path class="cls-4" d="M150,150l-85.717,51.504"/＞329
＜path class="cls-4" d="M150,150l-86.603,50"/＞330
＜path class="cls-4" d="M150,150l-87.462,48.481"/＞331
＜path class="cls-4" d="M150,150l-88.295,46.947"/＞332
＜path class="cls-4" d="M150,150l-89.101,45.399"/＞333
＜path class="cls-4" d="M150,150l-89.879,43.837"/＞334
＜path class="cls-4" d="M150,150l-90.631,42.262"/＞335
＜path class="cls-4" d="M150,150l-91.355,40.674"/＞336
＜path class="cls-4" d="M150,150l-92.050,39.073"/＞337
＜path class="cls-4" d="M150,150l-92.718,37.461"/＞338
＜path class="cls-4" d="M150,150l-93.358,35.837"/＞339
＜path class="cls-4" d="M150,150l-93.969,34.202"/＞340
＜path class="cls-4" d="M150,150l-94.552,32.557"/＞341
＜path class="cls-4" d="M150,150l-95.106,30.902"/＞342
＜path class="cls-4" d="M150,150l-95.630,29.237"/＞343
＜path class="cls-4" d="M150,150l-96.126,27.564"/＞344
＜path class="cls-4" d="M150,150l-96.593,25.882"/＞345
＜path class="cls-4" d="M150,150l-97.030,24.192"/＞346
＜path class="cls-4" d="M150,150l-97.437,22.495"/＞347
＜path class="cls-4" d="M150,150l-97.815,20.791"/＞348
＜path class="cls-4" d="M150,150l-98.163,19.081"/＞349
＜path class="cls-4" d="M150,150l-98.481,17.365"/＞350
＜path class="cls-4" d="M150,150l-98.769,15.643"/＞351
＜path class="cls-4" d="M150,150l-99.027,13.917"/＞352
＜path class="cls-4" d="M150,150l-99.255,12.187"/＞353
＜path class="cls-4" d="M150,150l-99.452,10.453"/＞354
＜path class="cls-4" d="M150,150l-99.619,8.716"/＞355
＜path class="cls-4" d="M150,150l-99.756,6.976"/＞356
＜path class="cls-4" d="M150,150l-99.863,5.234"/＞357
＜path class="cls-4" d="M150,150l-99.939,3.490"/＞358
＜path class="cls-4" d="M150,150l-99.985,1.745"/＞359
＜/g＞
＜g id="0-90-180"＞
＜path class="cls-00" d="M150,150l-100,0"/＞0
＜path class="cls-00" d="M150,150l0-100"/＞90
＜path class="cls-00" d="M150,150l0100,0"/＞180
＜path class="cls-00" d="M150,150l0,100"/＞270
＜/g＞
＜/svg＞
- 関連記事
-
-
svg で描いちゃう！書き方おぼえがき vol.08 【 複合パス 】
-
svg で描いちゃう！書き方おぼえがき vol.07 【 スプライン曲線 T・t 】
-
svg で描いちゃう！書き方おぼえがき vol.06 【 二次曲線 Q・q 】
-
mayahuel
ブログ内検索
最近の記事
- 奈良2023・10月 vol.04【法隆寺夢殿と興福寺北円堂】 (10/30)
- 奈良2023・10月 vol.03【榮山寺と正倉院展】 (10/29)
- 奈良2023・10月 vol.02【キトラ古墳 玄武】 (10/28)
- 奈良2023・10月 vol.01【秋です！】 (10/27)
- 琵琶はじめました！ (08/21)
- 長谷寺の声明 (08/16)
- 独自ドメインにしました！【Natural History】 (07/10)
- これが推しってことでいいですか？【魔道祖師】 (07/08)
- WebP（Illustrator・Photoshop） (06/23)
- 奈良2023・6月 vol.03【万葉植物園から興福寺】 (06/11)
カテゴリー
- Web (68)
- svg (20)
- 123D Creature 【123D Sculpt+】 (12)
- デザイン (28)
- 図像 (7)
- 魚図版 (8)
- とんぼ玉 (153)
- Weaving (1)
- 藍建てしよう！【趣味で、藍発酵建て】 (103)
- 藍染め2020 (13)
- 藍染め2019 (12)
- 藍染め2018 (11)
- 藍染め2017 (10)
- 藍染め2015 (10)
- 藍染め2014 (1)
- 藍染め2013 (1)
- 藍染め2012 (10)
- 藍染め2011 (3)
- 藍染め2010 (5)
- 藍染め2009 (14)
- 藍染め2008 (13)
- 大人の遠足 (2)
- メキシコ・ユカタン周遊2018 (21)
- 台湾・台北201802 (4)
- メキシコ・プラヤデルカルメン2017 (13)
- キューバ・カヨ・ラルゴ2015 (24)
- メキシコ・コスメル_ユカタン2014 (20)
- フィリピン・アニラオ2013 (1)
- セブ・マラパスクア2012 (4)
- メキシコ・ラパス2011 (6)
- ケニア・サファリ (13)
- ダイビング旅行 (20)
- 奈良 (230)
- 奈良こぼれ話 (2)
- 奈良2023 あれこれ (2)
- 奈良2023 10月 (4)
- 奈良2023 6月 (3)
- 奈良2023 3月 (4)
- 奈良2023 2月 (4)
- 奈良2023 (8)
- 奈良2022 (6)
- 奈良2021 (7)
- 奈良2020 (10)
- 正倉院の世界展2019 (2)
- 奈良令和元年 (3)
- 奈良2019 (15)
- 奈良2018 (19)
- 奈良2017 (10)
- 奈良2016 6月 (5)
- 奈良2016 (18)
- 奈良2015 (16)
- 奈良2014 (20)
- 奈良2013 (12)
- 奈良2012秋 (5)
- 奈良2012 (14)
- 奈良2011 (12)
- 平城遷都1300年祭 (7)
- 奈良2010 (12)
- 奈良2009 (10)
- 遺跡 (4)
- いろいろ (54)
カレンダー
月別アーカイブ
コメント