Disegno di un rettangolo con linee tratteggiate utilizzando Rafael.js

Question

Sto utilizzando Rafael.js per disegnare rettangoli su un'immagine. Il mio problema con l'impostazione del colore del tratto è che lo sfondo potrebbe essere scuro o chiaro o di qualsiasi colore. Pensavo che il modo migliore per affrontarlo sarebbe utilizzare le linee tratteggiate. Tuttavia questa chiamata

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

non funziona. Firebug (su FireFox 20.0) restituisce un messaggio di errore che dice che una funzione esistente nel mio file .js non esiste. Sembra che stroke-dasharray non sia valido per i rettangoli.

errore

Answer 1

base JavaScript:

{stroke-dasharray:"---"} 

dovrebbe essere:

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

anche: "---" non è un valore supportato per stroke-dasharray; dovrebbe essere:

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

Answer 2

No "---", possibile ictus-dasharray: [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

Un modo per colorare la corsa è quello di utilizzare la HSV o HSL spazio, quindi scegliere il contrario (o nelle vicinanze) spettro. Prova le risposte da: Given an RGB value, how do I create a tint (or shade)?