Question

我有一个Uint8ClampeArray类型的ImageData，我可以使用putImageData（img，0,0）显示它，但它显示的原始长度和宽度图像太大了。我想知道有没有办法调整它以适应指定大小的画布？一些相关的代码：

img.src = "http://xxxxx.png";
 var c = Filters.getPixels(img);
            var imga=Filters.threshold (c, 100,90);//threshold img
            var cc = document.getElementById("myCanvas");
            console.log(imga);//imga is an raw ImageData(1024*1024)
            var ctx = cc.getContext("2d");
            ctx.putImageData(imga,0,0);

/*******do something to resize ctx********/

或者，drawImage（）可以显示原始ImageData（imga）吗？

任何帮助表示赞赏

Answer 1

正如@somethinghere所提到的那样，＆＃39;使用drawImage（，...）将其大小调整到另一个画布上，在这种特殊情况下，我这样做：

var cc2 = _("myCanvasShow");
var ctx2 = cc2.getContext("2d");
ctx2.drawImage(cc,0,0,512,512);

其中cc2是另一个画布，并将cc调整为cc2。

如何在javascript中调整原始数据的大小？

1 个答案: