Canvas
文章平均质量分 73
canvas
Moon里
千里之行,始于足下
展开
-
【Canvas】图片的base64编码
参考地址:https://blog.csdn.net/qq_43382853/article/details/105821589。可以找在线转码工具,把需要转码的图片转为base64编码格式,在src中的内容就是这些编码,代表了图片的全部信息。原创 2024-03-25 14:50:07 · 207 阅读 · 0 评论 -
【Canvas】图片裁剪
/画布提供了一个方法:getImageData(要获取的图片的起始x坐标,要获取的图片的起始y坐标,要获取的像素宽度,要获取的像素高度),可以获取指定区域所有的像素信息。//将获取的信息放入小画布:putImageData(imgData,在此画布中放的x坐标,放的y坐标)//将小canvas的内容传到服务器,canvas的内容服务器无法识别,需要转为base64编码格式。//鼠标在框中按下的时候,框移动到鼠标移动的位置(有图片的时候才可以移动)//鼠标弹起:获取裁剪框内的内容,用小canvas画出。原创 2024-03-24 20:50:34 · 636 阅读 · 0 评论 -
【Canvas】画布
/方法3:drawImage(图片对象,切割的起始坐标x,切割的起始坐标y,切割的宽度,切割的高度,绘制的坐标x,绘制的坐标y,绘制的宽度,绘制的高度)// myCanvas.arc(100,100,50,0,360*Math.PI/180,true);//clearRect(x,y,宽,高),清空画布(也可以避免看到**上一次**画的东西)// myCanvas.fill() //画实心,默认填充黑色。/*画圆: x,y,r,起点弧度,终点弧度,布尔值*///角度 * Pi / 180 = 弧度。原创 2024-03-24 19:29:54 · 655 阅读 · 0 评论