Javascript 带有数组的画布setLineDash不';在Firefox中不工作,但在Chrome中工作
我有以下代码:Javascript 带有数组的画布setLineDash不';在Firefox中不工作,但在Chrome中工作,javascript,google-chrome,firefox,html5-canvas,Javascript,Google Chrome,Firefox,Html5 Canvas,我有以下代码: [ { lineDash: [0, 0], strokeStyle: '#909090', lineWidth: lineWidth, }, { lineDash: [0, 0], strokeStyle: '#e5e5e5', lineWidth: lineWidth -10, }, { lineDash: [0, 0], strokeStyl
[
{
lineDash: [0, 0],
strokeStyle: '#909090',
lineWidth: lineWidth,
},
{
lineDash: [0, 0],
strokeStyle: '#e5e5e5',
lineWidth: lineWidth -10,
},
{
lineDash: [0, 0],
strokeStyle: '#909090',
lineWidth: lineWidth -26,
},
{
lineDash: [20, 14],
strokeStyle: '#ffffff',
lineWidth: 3,
},
].forEach(function(entry) {
ctx.beginPath();
ctx.lineWidth = entry.lineWidth;
ctx.strokeStyle = entry.strokeStyle;
ctx.setLineDash(entry.lineDash);
}
设置lineWidth和strokeStyle可以很好地工作,但在Firefox中设置lineWidth不行,在控制台中也没有错误。在Chrome中,它可以工作。如果我说的不是'ctx.setLineDash(entry.lineDash);'ctx.setLineDash(entry.lineDash[0],entry.lineDash[1]);',Firefox控制台表示“TypeError:CanvasRenderingContext2D.setLineDash的参数1无法转换为序列。”而Chrome控制台表示“Uncaught TypeError:第一个参数既不是数组,也没有索引属性”
你知道如何解决这个问题吗?提前谢谢 知道,我知道错误:[0,0]不成直线(0线,0间距!?)。我必须将第一个值设置为大于0的任何数字,并让另一个值为0。那么,这是一条实线