2013-04-09 3 views
7

저는 Rafael.js를 사용하여 이미지에 직사각형을 그립니다. 획 색상을 설정할 때의 내 문제는 배경이 어둡거나 가벼운 또는 색상 일 수 있다는 것입니다. 그 문제를 다루는 가장 좋은 방법은 파선을 사용하는 것이라고 생각했습니다. 그러나이 전화Rafael.js를 사용하여 파선으로 사각형 그리기

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

이 작동하지 않습니다. Firebug (FireFox 20.0)는 내 .js 파일의 기존 함수가 존재하지 않는다는 오류 메시지를 반환합니다. stroke-dasharray는 직사각형에 유효하지 않은 것으로 보입니다.

답변

8

기본 자바 스크립트 오류 :

{stroke-dasharray:"---"} 

가되어야한다 또한

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

: "---"stroke-dasharray에 대해 지원되는 값이 아닙니다; 그것이 있어야 :

{"stroke-dasharray":"--"} 
+0

감사합니다. 그 오류가 사라져 버렸지 만 사각형에 대한 검은 선이 계속 나타납니다. 고마워, 피터. – OtagoHarbour

+1

[Raphael reference] (http://raphaeljs.com/reference.html)를 보면 3 개의 대시가 유효한 옵션이라고 생각하지 않습니다. 두 가지를 시도해보십시오.''- "' – searlea

+0

점선을 얻는 데 효과적입니다. 매우 감사합니다! 두 가지 색상을 얻으려면 { "stroke-dasharray": "-"}와 { "stroke": "white", "stroke-dasharray": "- .."두 가지 호출이 필요합니다. }. 매우 감사합니다! – OtagoHarbour

9

없음 "---"가능한 뇌졸중 dasharray : 스트로크 색상을 [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

한 가지 방법은 다음 반대를 선택 (또는 근처의 HSV 또는 HSL 공간을 사용하는 것입니다) 스펙트럼. 답변을 다음에서 시도하십시오. Given an RGB value, how do I create a tint (or shade)?

+0

흥미 롭습니다. 나는 이상이 근원적 인 이미지와 xor가 될 것이라고 생각하지만, 라파엘은 그 옵션을 가지고 있지는 않습니다. 고마워, 피터. – OtagoHarbour

+0

일부 브라우저는 조작을 지원하여 주변에서 광선을 생성합니다. http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Filters를 사용해보십시오. –