javascript - 使用 Rafael.js 绘制带有虚线的矩形

Question

我正在使用 Rafael.js 在图像上绘制矩形。我设置描边颜色的问题是背景可能是深色或浅色或任何颜色。我认为处理这个问题的最好方法是使用虚线。然而这个电话

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

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

Answer 1

基本 JavaScript 错误：

{stroke-dasharray:"---"}

应该：

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

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

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

Answer 2

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

为笔画着色的一种方法是使用 HSV 或 HSL 空间，然后选择相反（或附近）的光谱。尝试以下答案：给定一个 RGB 值，我如何创建色调（或阴影）？

Answer 3

“stroke-dasharray”值是：

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