Rysowanie prostokąta z przerywanymi liniami przy użyciu Rafael.js

Question

Używam Rafael.js do rysowania prostokątów na obrazie. Mój problem z ustawianiem koloru obrysu jest taki, że tło może być ciemne, jasne lub w dowolnym kolorze. Pomyślałem, że najlepszym sposobem poradzenia sobie z tym będzie użycie linii przerywanych. Jednak to połączenie nie działa pod numerem

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

. Firebug (w FireFox 20.0) zwraca komunikat o błędzie informujący, że istniejąca funkcja w moim pliku .js nie istnieje. Wygląda na to, że kreska-kreska nie jest poprawna dla prostokątów.

błąd

Answer 1

Podstawowe JavaScript:

{stroke-dasharray:"---"} 

Powinno być:

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

również: "---" nie jest obsługiwana wartość dla stroke-dasharray; powinno być:

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

Answer 2

Nie „---”, możliwe skoku dasharray: [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

jeden sposób pokolorować udaru jest wykorzystanie przestrzeni HSV lub HSL, a następnie wybrać przeciwny (lub w pobliżu) widmo. Wypróbuj odpowiedzi z: Given an RGB value, how do I create a tint (or shade)?