随机图canvas（前端）

最新推荐文章于 2022-02-22 00:59:03 发布

better body

最新推荐文章于 2022-02-22 00:59:03 发布

阅读量502

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wqewq19/article/details/81304456

版权

前端专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例</title>
    <!-- 包含头部信息用于适应不同设备 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 包含 bootstrap 样式表 -->
 <script>
    function draw(){
        var canvas = document.getElementById("canvasId");
        if(canvas.getContext){
            var ctx = canvas.getContext('2d');


        for(var i = 0; i < 100; i++) {
  ctx.beginPath();
  ctx.fillStyle = 'rgba(255,0,0,0.5)';
  ctx.arc(Math.random()*300, Math.random()*500, Math.random()*50, 0, 2 * Math.PI);
  ctx.fill();
}


    }
    }
 </script>
<style>

</style>
</head>
<body onload="draw()">
 <canvas id="canvasId" height="500" width="300">

 </canvas>
</body>

</html>

这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

better body

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
随机图canvas（前端）

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Bootstrap 实例&lt;/title&gt; &lt;!-- 包含头部信息用于适应不同设备 --&gt; &lt;meta name="vie
复制链接

扫一扫