線の太さの設定
lineWidth
解説
lineWidthを使用すればデフォルトの線の太さを設定することが出来ます。
- lineWidth
- 線の太さを数値で指定することで、その後のstroke系メソッドのデフォルトの線の太さが設定されます。
ソースコード
<html><head><!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--><script type="text/javascript">
function sbLineWidth() {elmCv = document.getElementById('cv');ctxCv = elmCv.getContext('2d');ctxCv.strokeRect(50,30,300,40);ctxCv.lineWidth = 1;ctxCv.strokeRect(50,90,300,40);ctxCv.lineWidth = 2;ctxCv.strokeRect(50,150,300,40);ctxCv.lineWidth = 4;ctxCv.strokeRect(50,210,300,40);ctxCv.lineWidth = 8;ctxCv.strokeRect(50,270,300,40);ctxCv.lineWidth = 0;ctxCv.strokeRect(50,330,300,40);}window.onload = sbLineWidth;
</script></head><body><canvas id="cv" width="400" height="400"></canvas></body></html>