关于微信小程序deawImage参数详解

CanvasContext.drawImage()可以实现在canvas画布中对图片进行操作 当参数为三个时,第一个参数为要绘制的图片对象,第二个参数为在画布中起始的x轴位置,第三个参数为画布中起始的y轴位置,此时图片尺寸为默认宽高 当参数为五个时,第一个参数为要绘制的图片对象,

CanvasContext.drawImage()可以实现在canvas画布中对图片进行操作

当参数为三个时,第一个参数为要绘制的图片对象,第二个参数为在画布中起始的x轴位置,第三个参数为画布中起始的y轴位置,此时图片尺寸为默认宽高

当参数为五个时,第一个参数为要绘制的图片对象,第二个参数为在画布中起始的x轴位置,第三个参数为画布中起始的y轴位置,此时图片尺寸为默认宽高,第四个参数为图片宽度,允许对图片进行缩放,第五个参数为图片高度,允许对图片进行缩放。

当参数为九个时,第一个参数为要绘制的图片对象,第二个参数为要裁剪的图片的起始x轴位置,第三个参数为要裁剪的图片的起始y轴位置,第四个参数为对图片要裁剪的宽度,第五个参数为对图片要裁剪的高度。第六个参数为在画布中起始的x轴位置,第七个参数为画布中起始的y轴位置,第八个参数为图片宽度,允许对图片进行缩放,第九个参数为图片高度,允许对图片进行缩放。

  • drawImage(imageResource, dx, dy)
  • drawImage(imageResource, dx, dy, dWidth, dHeight)
  • drawImage(imageResource, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 从 1.9.0 起支持
  • string imageResource

    所要绘制的图片资源(网络图片要通过 getImageInfo / downloadFile 先下载)

    number sx

    需要绘制到画布中的,imageResource的矩形(裁剪)选择框的左上角 x 坐标

    number sy

    需要绘制到画布中的,imageResource的矩形(裁剪)选择框的左上角 y 坐标

    number sWidth

    需要绘制到画布中的,imageResource的矩形(裁剪)选择框的宽度

    number sHeight

    需要绘制到画布中的,imageResource的矩形(裁剪)选择框的高度

    number dx

    imageResource的左上角在目标 canvas 上 x 轴的位置

    number dy

    imageResource的左上角在目标 canvas 上 y 轴的位置

    number dWidth

    在目标画布上绘制imageResource的宽度,允许对绘制的imageResource进行缩放

    number dHeight

    在目标画布上绘制imageResource的高度,允许对绘制的imageResource进行缩放

  • 详情可前往微信小程序开发文档查看https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html

知秋君
上一篇 2024-08-25 12:12
下一篇 2024-08-25 11:48

相关推荐