canvas
关注
分享
扫一扫
microcosm1994
这个作者很懒，什么都没留下…
展开
-
canvas写一个贪吃蛇小游戏
截图html<body><div class="game-container"> <canvas id="snake" style="background:#0A597A;border: 1px solid #ccc;margin: 0px auto;display: block&quo原创 2018-11-29 11:00:59 · 561 阅读 · 0 评论 -
canvas点击计算得到点击坐标
根据计算得到点击坐标位置<canvas id="snake" style="background:#0A597A;border: 1px solid #ccc;margin: 0px auto;display: block"></canvas><script> const canvas =原创 2018-11-29 11:12:00 · 6417 阅读 · 0 评论 -
canvas制作图片粒子效果
先将图片写到画布上,然后再获取图片在canvas标签中每一个像素点的rgb值、x坐标、y坐标，然后把x坐标和y坐标加一个随机数，使其可以在一定范围之内随机排列，之后清除画布，根据前面获取到的x坐标和y坐标重新绘制let imgData = ctx.getImageData(0, 0, canvas.width, canvas.height) // 获取图像数据html<canv...原创 2018-11-29 17:19:28 · 2337 阅读 · 1 评论 -
canvas绘制图片
html&amp;lt;canvas id=&quot;canvas&quot; style=&quot;display: block;margin: 0 auto;border: 1px solid #ccc;&quot;&amp;gt; 你的浏览器不支持canvas&amp;lt;/canvas&amp;gt;js let canvas = document.原创 2018-11-27 16:38:27 · 246 阅读 · 0 评论 -
canvas图片滚轮放大缩小
html<canvas id="canvas" style="display: block;margin: 0 auto;border: 1px solid #ccc;"> 你的浏览器不支持canvas</canvas>js let canvas = document.querySelectorAll('#canvas')[0] let cont...原创 2018-11-27 18:16:19 · 8123 阅读 · 3 评论