![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Canvas
一拖再拖 一拖再拖
简洁的美
展开
-
Canvas 详细教程(二)
Canvas 详细教程(二)文章目录Canvas 详细教程(二)1:使用图片1:使用图片drawImage(img,x,y)img:图片源地址x,y:图片的 x,y 位置请确保图片装载完再执行 drawImage,否则什么都不会发生。 function draw(){ var canvas = document.getElementById('canvas'); if (canvas.getContext){ var ctx = canvas.getContext('2d'原创 2020-07-02 21:58:44 · 456 阅读 · 0 评论 -
Canvas 详细教程(一)
Canvas 教程文章目录Canvas 教程1:基本用法2:获取 Canvas DOM 对象3:绘制矩形4:绘制路径5:圆弧1:基本用法<canvas id="canvas"></canvas>初始化宽度:300初始化高度:150canvas起初是空白的,我们可以添加边框并查看。<style> canvas{ border:1px solid black; }</style>2:获取 Canvas DOM 对象var canv原创 2020-06-29 20:40:45 · 1049 阅读 · 0 评论