canvas代码段

HTML5 Canvas基础绘制

最新推荐文章于 2024-07-16 22:31:04 发布

原创最新推荐文章于 2024-07-16 22:31:04 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

07canvas 专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div id="container">
            <canvas id="cavsElem">
                你的浏览器不支持canvas,请升级浏览器
            </canvas>
        </div>

        <script>
            (function(){
                var canvas = document.querySelector('#cavsElem');
                var ctx = canvas.getContext("2d");

                canvas.width = 600;
                canvas.height = 600;
                canvas.style.border = "1px solid #000";

                ctx.beginPath();
                ctx.moveTo(0, 0);

                ctx.closePath();
                ctx.stroke();
            }());
        </script>

    </body>
</html>