Canvas
canvas
_enzo
这个作者很懒,什么都没留下…
展开
-
canvas画正方形、三角形以及虚线
代码如下<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" width="500px" height="500px">Hello Canvas</canvas> <script&g原创 2021-06-18 16:04:43 · 2106 阅读 · 0 评论 -
canvas画圆、随机统计图以及清除画布
1.画圆以及圆弧<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" width="500px" height="500px">Hello Canvas</canvas> <s原创 2021-06-21 14:32:58 · 331 阅读 · 0 评论 -
canvas碰撞检测和面向对象的小球
1.碰撞检测代码片段:<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" width="500px" height="500px">Hello Canvas</canvas> &原创 2021-06-22 11:00:59 · 334 阅读 · 0 评论 -
Canvas画文字、渐变文字以及调整文字位置
一.画文字代码如下:<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" width="500px" height="500px">Hello Canvas</canvas> &原创 2021-07-03 10:03:39 · 4469 阅读 · 0 评论 -
Canvas画图片
画图片代码如下:<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" width="500px" height="500px">Hello Canvas</canvas> <原创 2021-07-03 15:09:48 · 119 阅读 · 0 评论 -
Canvas复制图片
1.putImageData()2.getImageData()3.Data数据和像素点数据以及像素点坐标之间的关系4.代码如下复制图片<style> canvas { margin: 0 auto; border: 2px solid #aaa; display: block; /*画布居中*/ }</style><body> <canvas id="cont" widt原创 2021-07-08 10:25:31 · 1269 阅读 · 1 评论