C dll发送图像到XUL app

Question

我需要在XUL桌面应用程序的画布上显示一个图像（~5000*~7000像素）。图像数据来自C-DLL，它执行基本的图像处理操作。到目前为止，我尝试的方法存在性能问题：

>

我试图在我的dll中将图像编码为Base64，并通过js-Ctype将字符串发送到javascript，并将b64字符串设置为基本html图像对象的源。（

我试图将jpg的图像写入硬盘，并在javascript中再次加载（〜3-4secs）

我现在有了下面的函数，它调用我的C-DLL：（vars calFactor，pageNumber和pdfFilePath与我的问题无关）

   copyImageData : function(pdfFilePath, pageNumber, canvas, scaleFactor) { 
     var startLoad = new Date();
     var ctx = canvas.getContext('2d');
     var imageData = ctx.createImageData(canvas.width, canvas.height);
     var buffer    = new ArrayBuffer(imageData.data.length);
     var buffer8   = new Uint8ClampedArray(buffer);
     var bufferPtr = ctypes.uint32_t.ptr(buffer);

     copyImageData(pdfFilePath, pageNumber, bufferPtr, canvas.width, canvas.height, 0, 0, scaleFactor);

     imageData.data.set(buffer8);

     ctx.putImageData(imageData, 0, 0);
     consoleService.logStringMessage("Operation load image took: " + (new Date() - startLoad));

   }

copyImageData将信息发送到my DLL，然后直接在C中用imagedata填充Arraybuffer。这是可能的，因为指针是：ctypes。uint32_t.ptr（缓冲区）。

现在的问题是，标准的. set函数（imagedata.data.set（缓冲区8）；）太慢了。". set"函数复制内部某处提供的数据。（在2.6GHz CPU上需要大约0.3秒，这还不够快）

是不是可以直接设置数据，而不需要到处复制？是否可以直接填充画布的数组缓冲区？

有没有人有别的办法让这个更快？

Answer 1

好啊我已经解决了我的问题。最快的方法是不让Javascript做任何事情：D技巧是获取图像对象的底层缓冲区（Imagedata.data.buffer）并在其周围放置Uint8ClampedArray。图像对象的缓冲区将直接填充在C-dll中，并且不会被图像对象的“set”函数复制。

这段代码需要42毫秒才能将所需的数据放到画布上。代码如下：

        copyImageData : function(pdfFilePath, pageNumber, canvas, offsetX, offsetY, scaleFactor) { 
            var startLoad = new Date();

            var ctx = canvas.getContext('2d');
            var imageData = ctx.createImageData(canvas.width, canvas.height);
            var buffer    = imageData.data.buffer;
            var buffer8   = new Uint8ClampedArray(buffer);
            var bufferPtr = ctypes.uint32_t.ptr(buffer);

            copyImageData(pdfFilePath, pageNumber, bufferPtr, canvas.width, canvas.height, offsetX, offsetY, scaleFactor);
            ctx.putImageData(imageData, 0, 0);
       }