我试图在TimeCircles插件的画布上将lineCap属性更改为“round”。
$(document ).ready(function() {
var c = document.getElementsByTagName('canvas');
var ctx = c.getContext('2d');
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineWidth = 15;
ctx.lineCap = 'round';
ctx.lineTo(100, 100);
ctx.stroke();
});
缺什么? CodePen中的完整代码。
var c = document.getElementsByTagName('canvas');
返回一个包含所有canvas
元素的数组。
Array
没有getContext
方法。因此,只需通过添加[0]
选择画布,如下所示。
$(document ).ready(function() {
var c = document.getElementsByTagName('canvas')[0];
var ctx = c.getContext('2d');
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineWidth = 15;
ctx.lineCap = 'round';
ctx.lineTo(100, 100);
ctx.stroke();
});
但是:ぁzxswい