将canvas元素转换为图像对象

Question

我有一个主要的canvas元素，我在使用上下文时执行绘图操作。我可以成功地绘制图像，形状，并使用上下文转换这些对象。

我现在需要自己的文本框。我想创建另一个画布，将文本渲染到该画布，然后将该数据复制到主画布上......捕捉是我想让它变形，几乎就是我只是调用drawImage函数。

存在getImageData和putImageData方法，但这些方法不起作用，因为它没有考虑转换。

我正在寻找类似的东西......

var tempcanvas = document.createElement("canvas");
var ctx = tempcanvas.getContext('2d');
ctx.fillRect(0,0,5,5);

然后在我已经拥有的主画布上，我想绘制它就好像它是一个图像对象。

context = maincanvas.getContext('2d');
context.translate(50,50);
context.rotate(180);
context.drawImage(tempcanvas)