Html5 Canvas 标签

最新推荐文章于 2022-07-15 23:10:41 发布

清风远行

最新推荐文章于 2022-07-15 23:10:41 发布

阅读量614

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/dingxingmei/article/details/37745833

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

canvas api：

http://javascript.ruanyifeng.com/htmlapi/canvas.html

简单例子：测试

<!doctype html>
<html >
    <head>
        <title></title>
    </head>
    <body>
      <Canvas id="canvas" width="400px;" height="400px;" stlye=" background:red;" >不支持canvas标签

        </Canvas>

        <script type="text/javascript">
           //获取canvas dom
            var canvas = document.getElementById('canvas');
            alert(canvas);

            //开始路径
            var canvas = beginPath();

            //设置绘图环节
           var cst=canvas.getContent('2d');

           alert("cst=" + cst);

           //画一条直线
                //笔触位置
           canvas.MoveTo('20', '20');
                //画线方式
           canvas.LinTo('20', '100');
               //画
           canvas.Stroke();

           //关闭路径
           canvas.closePath();
        </script>

    </body>

</html>