拉斐尔路径不显示

我相信我有一个语法错误，但我已经尝试了一切，无法弄清楚这一点。我正在使用Raphael Javascript矢量图形库，并试图从170,170到150,150画一条黑线，但没有显示任何内容。谁能说出原因？拉斐尔路径不显示

<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

我看不到黑线... – 2012-07-19 13:49:25

我所看到的是一个蓝色背景 – 2012-07-19 13:50:14

您的“工作”链接。我看到的都是蓝色背景。你看到黑线吗？ – 2012-07-19 13:51:07

您正在滥用Paper.path()构造函数。用单个字符串参数调用它，表示路径字符串：

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

如果您希望更改路径的属性，例如描边颜色，填充，字体使用attr()方法，像这样：

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

拉斐尔参考：

来源

2012-07-19 13:50:28

这很有效，但如果我想在其中更改笔触颜色呢？我敢肯定，我看过一些例子，你可以做我想做的事，但也许我错了。 – 2012-07-19 13:53:05

谢谢。我看到了我的错误。你是非常有帮助的。:) – 2012-07-19 13:56:51

我会+1你，但它说我需要15声望.. – 2012-07-19 13:57:16

拉斐尔路径不显示

回答

相关问题