canvas 图片不能缩放显示在画布的问题 忘记设置dw,dh

  在制作红包效果时,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的宽高

posted @ 2016-04-22 16:02  a fine day  阅读(666)  评论(0编辑  收藏  举报