前端绘制图形

365天的坚持

于 2023-03-26 23:58:24 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/liying_xiaozhan/article/details/129787005

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绘制图形</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="200" style="border:1px solid blue"
        >
    your browser does not support the canvas element.

</canvas>
<script type="text/javascript">
    var c=document.getElementById("myCanvas");
    var cxt=c.getContext("2d");
    cxt.fillStyle="rgb(0,0,200)";
    cxt.fillRect(10,20,100,100);
</script>
</body>
</html>