1

当我在画布上绘制一个矩形或其他形状(使用 kineticJS,创建一个new Kinetic.Path),并设置fill: none如下:

var rect = new Kinetic.Path({
            x: 0,
            y: 0,
            data: 'm 2.0012417,2.0057235 125.7664883,0 0,105.8016465 -125.7664883,0 z',
            fill: 'none',
            stroke: 'black',
            scale: 1
});

...然后在 Chrome 和 Firefox 中,形状应该是透明的。但是在 IE9 中,形状是黑色的。

参见例如 http://jsfiddle.net/T8m64/107/ 查看该示例左上角的黑色矩形——它在 Chrome/Firefox 中是透明的,带有黑色边框,在 IE 中是黑色填充黑色边框。

有人有解决方法吗?

4

1 回答 1

3

而不是这个:

fill: 'none',

用这个:

fill: null,
于 2013-04-21T00:54:30.327 回答