2013-04-03 18 views
0

我使用拉斐尔2.1.0使用JavaScript在Firefox 19.0.2在Windows 7做一个空矩形与拉斐尔JS

我想作一个矩形,是周围的边缘完全不透明的,但在透明室内。这可能吗?

我已经看过

paper.rect.attr({fill: 

但它似乎只有颜色的选择,以填补。

paper.rect.attr({fill: 'red', opacity:0.0}); 

使得边缘消失

paper.rect.attr({fill: 'red', fill-opacity:0.0}); 

产生在JavaScript代码的错误(在后续的功能不工作)。

回答

1

你必须设置笔画而不是填充,你也可以改变笔画宽度。

实际上,设置笔画可让您设置其颜色并设置笔画宽度可让您以视口单位编辑其宽度。

+0

这为我所要求的工作。笔画宽度看起来不被支持。 Spectrum.rect.attr({stroke:'red',stroke-width:2,opacity:1.0});在连字符中给出了一个结肠缺失的错误,就像我用笔画替换了中风一样。谢谢,彼得。 – OtagoHarbour 2013-04-03 21:28:12

+0

在一个属性对象中提供stroke-width,你必须把它写成一个字符串:'{stroke:“red”,“stroke-width”:2,opacity:1}'。否则是自然爆炸。 – lib3d 2013-04-04 06:05:16