Raphael 경로가 표시되지 않습니다.

구문 오류가 있다고 생각하지만 모든 것을 시도했지만이를 이해할 수 없습니다. Raphael Javascript 벡터 그래픽 라이브러리를 사용하고 있으며 170, 170, 150, 150의 검정색 선을 그리려고하지만 아무것도 표시되지 않습니다. 왜 그 이유를 알 수 있습니까?Raphael 경로가 표시되지 않습니다.

<html> 
    <head> 
     <script src="raphael.js"></script> 
     <script src="jquery-1.7.2.js"></script> 
    </head> 
    <body> 
     <div id="sample-2" style=" background-color:blue; width:500px;"></div> 
     <script type="text/javascript"> 
      var paper = Raphael("sample-2", 900, 500); 
      //var curvePath = paper.path("M100,100 L400,400 C500,400 500,100 400,100"); 
      //curvePath.attr({fill:"blue", stroke:"black"}); 

      //var circle = paper.circle(175, 175, 50); 
      var newpath = paper.path({type:"path", path:"M170, 170 L150, 150", stroke:"black"}); 
      //circle.attr({"fill": "orange"}); 
      //circle.attr({"stroke": "black"}); 
     </script> 
    </body> 
</html>

출처

2012-07-19 John Doe

이 나는 검은 색 선이 표시되지 않는 스트로크 색상, 글꼴 그렇게처럼 attr() 방법을 사용 채우기 ... –

내가 보는 모든 것은 파란색 배경입니다. –

"working"링크. 나는 내가 보았을 때 모두 파란색 배경이었다. 검은 색 선이 보입니까? –

Paper.path() 생성자를 잘못 사용하고 있습니다. 경로 문자열을 나타내는 단일 문자열 인수로 호출하십시오.

var newpath = paper.path("M170, 170 L150, 150");

경로 속성을 변경하려면 다음과 같이하십시오.

newpath.attr({ 
    'stroke' : 'black', 
    'stroke-width' : 3 
});

라파엘 참조 :

출처

2012-07-19 13:50:28

효과가 있지만 획안 색상을 변경하고 싶다면 어떻게해야합니까? 나는 내가하고 싶은 일을 할 수있는 예를 보았다는 것을 확신하지만 어쩌면 내가 틀렸어. –

고마워. 나는 내 실수를 본다. 당신은 매우 도움이되었습니다. :) –

나는 당신을 +1 하겠지만 나는 15 평판이 필요하다고 말한다. –

Raphael 경로가 표시되지 않습니다.

답변

관련 문제