Draw line : Canvas Draw « Dojo toolkit « JavaScript DHTML

Draw line

 

<html>
  <head>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojox.gfx");
      function testIt() {
        var s = dojox.gfx.createSurface("my", 320, 240);
        s.createLine({x1:10,y1:10, x2:310,y2:230}).setStroke({color : "#ff0000"});
      }
    </script>
  </head>
  <body onLoad="testIt();">
        <div id="my"></div>
  </body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Draw 3D ball
2.	Draw polygon
3.	Draw rectangle
4.	Draw stroke
5.	Draw text
6.	Fill text
7.	Shape rotation
8.	Create Ellipse