问未显示拉斐尔路径
EN

Stack Overflow用户

提问于 2012-07-19 21:44:46

回答 1查看 1.1K关注 0票数 0

我相信我有一个语法错误，但我已经尝试了所有的方法，但都不能解决这个问题。我正在使用拉斐尔的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>

javascript

raphael

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-19 21:50:28

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

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

如果您希望更改路径的属性，例如笔触颜色、填充、字体，请使用attr()方法，如下所示：

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

Raphaël参考资料：

Paper.path()
Element.attr()

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11562228

复制

相似问题

问未显示拉斐尔路径
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示拉斐尔路径EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示拉斐尔路径
EN