「JavaScript」strokeStyleで図形の輪郭色を変更する

2014年1月9日2021年8月17日

書式
ctx.strokeStyle = color;
ctx.strokeStyle = gradient;
ctx.strokeStyle = pattern;
gradient:線形または放射状のグラデーション
pattern:繰り返し画像
使用例
htmlコード

<canvas id="cs"></canvas>

javascriptコード

var tt = document.getElementById('cs');
var ctx = tt.getContext('2d');

ctx.strokeStyle = 'red';
ctx.strokeRect(10, 10, 100, 100);