IE上的画布透明度

Question

当我在画布上绘制矩形或其他形状时（使用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中是黑色填充的黑色边框。

任何人都有解决方法吗？

Answer 1

而不是：

fill: 'none',

使用此：

fill: null,