ベクターに関係している音楽作品とプログラミング言語
2次と3次曲線を SVG で記述する例とSVG Coordinate Generator

II▶︎ https://www.youtube.com/watch?v=NSkr33eVASg


II▶︎ https://www.youtube.com/watch?v=R7x8_6TE8JI&t=159s





<svg width="260"height="160"viewBox="0 0 260 160"xmlns="http://www.w3.org/2000/svg">

<path d="M0 0 Q50 40 100 0"stroke="black"fill="transparent"/>
<path d="M150 0 q50 40 100 0"stroke="red"fill="transparent"/>
<path d="M0 100 Q50 60 100 100"stroke="black"fill="transparent"/>
<path d="M150 100 q50 -40 100 0"stroke="red"fill="transparent"/>

</svg>



<svg width="260"height="160"viewBox="0 0 260 160"xmlns="http://www.w3.org/2000/svg">

<path d="M 0 0 C25 40,75 40,100 0"stroke="black"fill="transparent"/>
<path d="M150 0 c25 40,75 40,100 0"stroke="red"fill="transparent"/>

<path d="M0 100 C25 60,75 60,100 100"stroke="black"fill="transparent"/>
<path d="M150 100 c25 -40,75 -40,100 0"stroke="red"fill="transparent"/>