
canvas
愚舜
这个作者很懒,什么都没留下…
展开
-
canvas的toDataURL()方法
canvas的toDataURL()方法是返回一个包含图片展示的 数据URL。可以使用type参数其类型,默认为PNG格式。图片的分辨率为96dpi。一、语法canvas.toDataURL(type, encoderOptions);二、参数1、type:图片格式,默认为 image/png,可以是其他image/jpeg等2、encoderOptions:0到1之间的取值,主要用来选定图片的质量,默认值是0.92,超出范围也会选择默认值。三、返回值返回值是一个数据u...原创 2020-06-14 23:16:29 · 66541 阅读 · 21 评论 -
canvas的drawImage()方法
canvas的drawImage()是提供了更多的在canvas上绘制图像的方法,使用drawImage()方法可以在画布上绘制图像,其他画布的内容,视频的某一帧的图像等,也可以裁剪画其中的一部分。一、drawImage()语法drawImage(image,sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);二、参数1、image:image是画布绘制的图像源,绘制到画布上的元素,可以是canvasElement,imageElement,s原创 2020-06-12 23:29:33 · 24210 阅读 · 0 评论 -
canvas的transform
canvas的transform()方法是通过使用矩阵的变换的方法来实现对canvas的旋转、缩放、移动等操作;语法是ctx.transform(a,b,c,d,e,f);其中参数的分别是:a:水平缩放b:垂直倾斜c:水平倾斜d:垂直缩放e:水平移动f:垂直移动矩阵的描述:矩阵的计算转换为方程式是:转换后的坐标的x为:x` = a*x+c*y+e;转换后的坐标的y为:y` =b*x+c*y+f;其中x,y分别为转换之前点的坐标,这样就可以通过transfo原创 2020-06-10 23:06:31 · 1663 阅读 · 0 评论