Javascript IE上的画布透明度

Javascript IE上的画布透明度,javascript,html,canvas,transparency,kineticjs,Javascript,Html,Canvas,Transparency,Kineticjs,当我在画布上绘制矩形或其他形状时(使用kineticJS,创建一个新的动能.Path),并设置填充:无,如下所示: 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',

当我在画布上绘制矩形或其他形状时(使用kineticJS,创建一个
新的动能.Path
),并设置
填充:无
,如下所示:

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中,形状是黑色的

例如,见 看看这个例子左上角的黑色矩形——它在Chrome/Firefox中是透明的,有黑色边框,在IE中是黑色边框

有人有解决办法吗?

而不是:

fill: 'none',
使用以下命令:

fill: null,