結果を表示する
元にもどす
◀︎
08
▶︎
<html lang="ja"> <meta charset="utf-8"> <canvas id="目印"width="600"height="600"></canvas> <script> function 線の種類(pattern) {こんてきすと.beginPath(); こんてきすと.lineWidth=2; こんてきすと.setLineDash(pattern); こんてきすと.moveTo(10,y); こんてきすと.lineTo(500,y); こんてきすと.strokeStyle="blue"; こんてきすと.stroke(); y+=30;} let canvas=document.getElementById("目印"); let こんてきすと=canvas.getContext("2d"); let y=20; 線の種類([2,2]); 線の種類([4,4]); 線の種類([8,8]); 線の種類([8,2]); 線の種類([2,8]); 線の種類([30,4]); 線の種類([4,30]); 線の種類([10,4,4,4,4,4,4,4]); 線の種類([100,4,4,4]); </script> </html>
◀︎ 08 ▶︎