canvas示例

最新推荐文章于 2022-11-30 17:41:04 发布

爱学习的小饼干

最新推荐文章于 2022-11-30 17:41:04 发布

阅读量433

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41813243/article/details/121146840

版权

笔记专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <canvas id="canvas" width="1024" height="768"
        style="border:1px solid #aaa;display:block;margin:50px auto;"></canvas>
    <script type="text/javascript">
        window.onload = function () {
            var canvas = document.getElementById("canvas");
            var context = canvas.getContext("2d");
            // 设置画布大小
            canvas.width = 1024;
            canvas.height = 768;

            context.moveTo(100, 100);
            context.lineTo(500, 500);
            context.lineTo(100, 500);
            context.lineTo(100, 100);

            //  填充图形
            context.fillStyle = "transparent";
            context.fill();

            context.lineWidth = 5;
            context.strokeStyle = "#005588";
            context.stroke();
        }
    </script>
</body>

</html>

爱学习的小饼干

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
canvas示例

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <canvas id="canvas" width="1024" height="768" style="border:1px solid #aaa;display:block.
复制链接

扫一扫