Vẽ hình chữ nhật với các đường đứt nét bằng cách sử dụng Rafael.js

Question

Tôi đang sử dụng Rafael.js để vẽ hình chữ nhật trên hình ảnh. Vấn đề của tôi với thiết lập màu sắc đột quỵ là nền có thể tối hoặc sáng hoặc bất kỳ màu nào. Tôi nghĩ rằng cách tốt nhất để giải quyết vấn đề đó là sử dụng các đường đứt quãng. Tuy nhiên, cuộc gọi này

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

không hoạt động. Firebug (trên FireFox 20.0) trả về một thông báo lỗi nói rằng một hàm hiện có trong tệp .js của tôi không tồn tại. Có vẻ như dấu gạch ngang đột quỵ không hợp lệ cho hình chữ nhật.

lỗi

Answer 1

Javascript cơ bản:

{stroke-dasharray:"---"} 

nên là:

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

Ngoài ra: "---" không phải là một giá trị được hỗ trợ cho stroke-dasharray; nó nên là:

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

Answer 2

Không "---", có thể đột quỵ-dasharray: [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

Một cách để tô màu cho đột quỵ là sử dụng HSV hoặc không gian HSL, sau đó chọn đối diện (hoặc lân cận) phổ. Hãy thử câu trả lời từ: Given an RGB value, how do I create a tint (or shade)?