使用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

没有"---",可能是stroke-dasharray: [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

对笔划着色的一种方法是使用HSV或HSL空间,然后选择相反(或附近)的光谱.尝试以下答案:给定RGB值,如何创建色调(或阴影)？