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	绘制到画布上的图像资源，可以是 Image 元素，一个图片 URL，或者 CanvasImageData 对象。当作为 Image 元素时，如果图像没有完全加载，则不绘制