Question

是否可以将一个函数指定为canvas元素的值？这是我目前的实施（非工作）。

    function recImagePressed(e){
     var outputCanvas = document.getElementById("outputCanvas");
     outputCanvas.value = draw();//-----this is my concern. 

    function draw() {   
   img = new Image();  
   img.src = canvas2.getContext();  
   fr1 = makeFrame(context2, makeVect(100,100), makeVect(200, 50), makeVect(50, 200));
   img.onload = function(){ 
            var newPainter = imagePainter(fr1);
            context2.save(); 
    }  
 }

Answer 1

嗯，你不能这样做，因为你正在这样做。你也做不到：

img = new Image();  
img.src = canvas2.getContext();

那不行。但是您不需要这样做，因为您可以使用drawImage(canvas, x, y)

将一个画布绘制到另一个画布

你需要类似的东西：

var outputCanvas = document.getElementById("outputCanvas");
outputCtx = outputCanvas.getContext('2d');
outputCtx.scale(x,y);
outputCtx.rotate(radians);
outputCtx.drawImage(canvas2, 0, 0);

取决于您在将其绘制到outputCanvas之前旋转和缩放canvas2上的图像的方式

我试图缩放，旋转和翻译用户定义的画布图像

1 个答案: