[Javascript] ジグザク線(zig zag line)、波線を描画する

WaterFalls https://blog.hatena.ne.jp/WaterFalls/ １分技術ブログ https://waterfalls.hatenablog.com/ Javascript ジグザグ線（波線）を描画する開始点と終了点を指定し、ジグザグ線を描画する方法。 Javascriptだけでなく他の言語でも応用できる。 <!DOCTYPE HTML> <html> <head> <script> class Point{ constructor(x,y){ this.x = x; this.y = y; } } var startP = new Point(50,60); var endP = new Point(310,350); window.onload = function(){ var canvas = document.getElementById("myCan… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwaterfalls.hatenablog.com%2Fentry%2F2019%2F06%2F01%2F024029" title=" [Javascript] ジグザク線(zig zag line)、波線を描画する - １分技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/W/WaterFalls/20190601/20190601023127.png Hatena Blog https://hatena.blog 2019-06-01 02:40:29 [Javascript] ジグザク線(zig zag line)、波線を描画する rich https://waterfalls.hatenablog.com/entry/2019/06/01/024029 1.0 100%