1
IE9 Canvas现在是否支持虚线/虚线?我目前做的非常类似如下的内容:用画布绘制线条
var CP = window.CanvasRenderingContext2D && CanvasRenderingContext2D.prototype;
if (CP && CP.lineTo){
CP.dashedLine = function(x,y,x2,y2,dashArray){
if (!dashArray) dashArray=[10,5];
if (dashLength==0) dashLength = 0.001; // Hack for Safari
var dashCount = dashArray.length;
this.moveTo(x, y);
var dx = (x2-x), dy = (y2-y);
var slope = dy/dx;
var distRemaining = Math.sqrt(dx*dx + dy*dy);
var dashIndex=0, draw=true;
while (distRemaining>=0.1){
var dashLength = dashArray[dashIndex++%dashCount];
if (dashLength > distRemaining) dashLength = distRemaining;
var xStep = Math.sqrt(dashLength*dashLength/(1 + slope*slope));
if (dx<0) xStep = -xStep;
x += xStep
y += slope*xStep;
this[draw ? 'lineTo' : 'moveTo'](x,y);
distRemaining -= dashLength;
draw = !draw;
}
}
}
从发现:override line stroke in canvas for dashed/dotted lines
这在IE7,IE8,IE9兼容模式和Firefox的伟大工程,但是,在IE9和Chrome,扎实为每条虚线绘制笔划。
任何想法为什么这可能会发生?
发现了这个问题。感谢您的回应:) – BigBug