開発メモ
2014年3月19日(水)
HTML5:canvas:lineCap = 'round'
HTML5のcanvasで線を引く時の「lineCap = 'round'」の指定に関して:
cntxt.closePath();:コレを付けると「lineCap = 'round'」が機能しなかった。
------
var cntxt = CANVAS.getContext('2d');
cntxt.strokeStyle = this.cdColor;
cntxt.lineWidth = this.wCoin;
cntxt.lineCap = 'round';
//cntxt.beginPath();
cntxt.moveTo(this.pointStart.x, this.pointStart.y);
cntxt.lineTo(this.pointDrop.x, this.pointDrop.y);
//cntxt.closePath(); //★ココ
cntxt.stroke();
------
まぁ、考えてみると、当たり前の様な気がする….
cntxt.closePath();:コレを付けると「lineCap = 'round'」が機能しなかった。
------
var cntxt = CANVAS.getContext('2d');
cntxt.strokeStyle = this.cdColor;
cntxt.lineWidth = this.wCoin;
cntxt.lineCap = 'round';
//cntxt.beginPath();
cntxt.moveTo(this.pointStart.x, this.pointStart.y);
cntxt.lineTo(this.pointDrop.x, this.pointDrop.y);
//cntxt.closePath(); //★ココ
cntxt.stroke();
------
まぁ、考えてみると、当たり前の様な気がする….