截取图片的前面四个坐标的含义,教辅没看明白

来源:6-5 canvas图片的绘制(2)

WittChen

2020-05-23 11:08:25

http://img.mukewang.com/climg/5ec893a8091fb1ba11460398.jpg

写回答

2回答

好帮手慕码

2020-05-23

同学你好,解答如下:

drawImage有三种用法,如下:

(1)在画布上定位图像:context.drawImage(img,x,y);
(2)在画布上定位图像,并规定图像的宽度和高度:context.drawImage(img,x,y,width,height);
(3)剪切图像,并在画布上定位被剪切的部分:context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

参数值:

img    规定要使用的图像、画布或视频。    
sx    可选。开始剪切的 x 坐标位置。    
sy    可选。开始剪切的 y 坐标位置。    
swidth    可选。被剪切图像的宽度。    
sheight    可选。被剪切图像的高度。    
x    在画布上放置图像的 x 坐标位置。    
y    在画布上放置图像的 y 坐标位置。    
width    可选。要使用的图像的宽度。(伸展或缩小图像)    
height    可选。要使用的图像的高度。(伸展或缩小图像)

  所以说缩放可以省略不写。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

WittChen

提问者

2020-05-23

补充一个问题,像第三种剪切式的绘制图片,缩放可以省略吗,还是9个参数缺一不可

0

0 学习 · 6815 问题

查看课程