详细说明在小程序中使用画布的drawImage方法参数

最近在开发小程序和制作海报的过程中，要不断在carvas中添加图片，但是小程序的drawImage参数不是很清楚。这一次，我很困惑。

示例代码

写作有三种版本：

drawImage(imageResource，dx，dy) drawImage(imageResource，dx，dy，dWidth，dHeight)draw image(imageResource，sx，sy，sWidth，sHeight，dx，dy，dWidth，dHeight)来自1.9.0，const CTX=wx . createcanvascontext('我的画布')wx . choice image({ success : function(RES){ CTX . draw image(RES . tempfile path[0]，0，0，150，100)

此方法与本机画布相同，如下所示

HTML5中引入了一个新的元素canvas，其drawImage方法允许将其他图像(img和canvas元素)插入canvas。drawImage函数有三个原型函数：

drawimage (image，dx，dy) drawimage (image，dx，dy，dw，DH)的第一个参数图像是要绘制的图片资源

作为参数。Dx和dy是画布中图像定位的坐标值；Dw和dh是画布中图像要绘制的区域的宽度和高度值(相对于dx和dy坐标的偏移量)；Sx和sy是图像绘制的起始位置，sw和sh是图像绘制区域的宽度和高度值(相对于图像sx和sy坐标的偏移量)。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。