如何将一个大Image的内容拆分成多个小Image，并保持背景透明

Question

现在有一个<image>标签var img，里面有很多文本.
有一个canvas标签var cv.
目的是，将img里的文本提取出来，保存到多个小的<image>标签中，在之后需要的时候，可以用小image直接画到canvas上。

尝试了canvas的getImageData方法，但是得到的图像数据有白色背景。画回去的时候会挡住canvas的背景。
要怎么才能得到透明背景的小image数据呢？

Answer 1

CanvasRenderingContext2D.prototype.drawImage(HTMLImageElement) 绘制的时候是会保留图片的透明度的，除非图片本身就没有透明度或者此canvas绘图上下文的透明度被关闭了(关闭透明度可以优化绘图性能)。