Home/ Questions/Q 8253751
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T00:58:54+00:00

I believe I have a syntax error, but I have tried everything and can’t

  • 0

I believe I have a syntax error, but I have tried everything and can’t figure this out. I am using the Raphael Javascript vector graphics library, and trying to draw a black line from 170, 170 to 150, 150, but nothing is being displayed. Can anyone tell why?

<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>​
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re misusing the Paper.path() constructor. Call it with a single string argument, representing the path string:

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

    If you wish to change the path’s attributes, e.g. stroke color, fill, fonts use the attr() method, like so:

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

    Raphaël Reference:

    • 0