阿乾日誌: HTML5- 畫線條

HTML5實例 - 線條
通過指定從何處開始，在何處結束，來繪製一條線：



<!DOCTYPE HTML>
<html>
  <body>
    <canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element. 
    </canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>
  </body>
</html>

網頁

HTML5- 畫線條