html5 canvas元素扇形的绘制

最新推荐文章于 2021-06-17 06:35:15 发布

VIP文章 JRJ1637

最新推荐文章于 2021-06-17 06:35:15 发布

阅读量5.4k

点赞数

分类专栏： html 文章标签： html5 canvas元素扇形的绘制

本文链接：https://blog.csdn.net/JRJ1637/article/details/53682074

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           canvas{background: #b8edc9;}
       </style>
   </head>
   <body>
       <h5>Canvas</h5>
       <canvas id="mycanvas" width="1000" height="1000">
           您的浏览器不支持html5dcanvas元素
       </canvas>
   <script type="text/javascript">
       var canvas=document.getElementById('mycanvas');//定义变量获取画布dom
       var c=mycanvas.getContext('2d');//设置绘图环境2d
       c.lineWidth=4;//设置线宽
       c.strokeStyle="#A52A2A";//设置边颜色
        c.fillStyle="green";
         //扇形
        c.mov

最低0.47元/天解锁文章

JRJ1637

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html5 canvas元素扇形的绘制

canvas{background: #b8edc9;} Canvas 您的浏览器不支持html5dcanvas元素 var canvas=document.getElementById('mycanvas');//定义变量获取画布dom
复制链接

扫一扫