htm5l，第一个script代码练习

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_34037173

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/houweidong/p/5940838.html

本文介绍如何利用HTML5的Canvas元素进行简单的图形绘制。通过一个具体的示例展示了如何创建Canvas对象，并使用JavaScript来绘制一条从坐标(0,0)到(200,200)的直线。

<body>
   <canvas id="mycanvas" width="500" height="300">
       你的浏览器不支持canvas元素
   </canvas>
   <script type="text/javascript">
       var canvas=document.getElementById('mycanvas');
       var h=canvas.getContext('2d');
       h.moveTo(0,0);
       h.lineTo(200,200);
       h.stroke();
   </script>
</body>

转载于:https://www.cnblogs.com/houweidong/p/5940838.html