Question

我正在使用Rafael.js在图像上绘制矩形。设置笔触颜色的问题在于背景可能是暗的或浅的或任何颜色。我认为处理这个问题的最佳方法是使用虚线。但是这个电话

circle = Canvas.paper.rect(left, topCoord, width, height).attr({stroke-dasharray:"---"});

不起作用。 Firebug（在FireFox 20.0上）返回一条错误消息，指出我的.js文件中的现有函数不存在。看来stroke-dasharray对矩形无效。

Answer 1

没有“---”，可能是stroke-dasharray：[“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

为笔画着色的一种方法是使用HSV或HSL空间，然后选择相反（或附近）的光谱。尝试以下答案：Given an RGB value, how do I create a tint (or shade)?

Answer 2

基本JavaScript错误：

{stroke-dasharray:"---"}

应该是：

{"stroke-dasharray":"---"}

另外："---"不是stroke-dasharray支持的值;它应该是：

{"stroke-dasharray":"--"}

Answer 3

“ stroke-dasharray”值是：

"-"     [shortdash]
"."     [shortdot]
"-."    [shortdashdot]
"-.."   [shortdashdotdot]
". "    [dot]
"- "    [dash]
"--"    [longdash]
"- ."   [dashdot]
"--."   [longdashdot]
"--.."  [longdashdotdot]

使用Raphael.js绘制带虚线的矩形

3 个答案: