QML Canvas 绘制图像

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

对于 QML Canvas 而言，除了前面讲解的点线面的基本绘制之外，它还提供了一项很有意思的特性 - 绘制图像。只要是 Qt 支持的图片格式都可以使用，比如 PNG、JPEG 等，甚至可以将其它 Canvas 元素生成的图片作为图像资源。

完整的思维导图如下：

关于图像的绘制，Context2D 提供了三种方法：

• drawImage(variant image, real dx, real dy)
  在画布的指定点绘制图片

• drawImage(variant image, real dx, real dy, real dw, real dh)
  在画布的指定位置和区域绘制图片

• drawImage(variant image, real sx, real sy, real sw, real sh, real dx, real dy, real dw, real dh)
  截取图片的一部分绘制到画布上的指定区域

前两个比较好理解，第三个需要详细说明一个各个参数的含义：

参数	含义
image<