在制作红包效果时,new image显示的图片由于没有设置drawImage的dw,dh,图片没有缩放在画布。是对drawImage没有认识好

context.drawImage(img,x,y)

context.drawImage(img,x,y,dw,dy)

context.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);

第一个参数image是要绘制的对象,这个参数可以是HTMLImageElement、HTML-CanvasElement或者HTMLVideoElement,dx、dy是image在Canvas中定位的坐标值,dw、dh表示image在Canvas中即将绘制区域(相对dx和dy坐标的偏移量)的宽度和高度值,sx、sy是image所要绘制的起始位置,sw、sh表示image所要绘制区域(相对image的sx和sy坐标的偏移量)的宽度和高度值。表示从sx,sy 取sw,sh的宽高图片部分,在dx,dy位置,显示dw,dh的宽高

相关文章:

  • 2021-08-21
  • 2021-08-10
  • 2022-01-15
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-30
猜你喜欢
  • 2022-02-13
  • 2022-12-23
  • 2022-01-04
  • 2021-08-23
  • 2022-12-23
  • 2022-02-10
  • 2022-12-23
相关资源
相似解决方案