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

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”的值为：

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

Answer 2

基本 JavaScript 错误：

{stroke-dasharray:"---"}

应该是：

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

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

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

Answer 3

没有“---”，可能的笔划破折号：[“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

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