putimagedata相关内容

使用 pdf.js 和 ImageData 将 .pdf 渲染到单个 Canvas

我正在尝试使用 PDF.js 读取整个 .pdf 文档,然后在单个画布上呈现所有页面. 我的想法:将每个页面渲染到画布上并获取 ImageData (context.getImageData()),清除画布做下一页.我将所有 ImageDatas 存储在一个数组中,一旦所有页面都在那里,我想将数组中的所有 ImageDatas 放到一个画布上. var pdf = null;PDFJS.d ..

画布获取图像数据始终返回0

我正在尝试反转图像的颜色.现在,图像加载正常,但是当我尝试调用getImageData并将putImageData返回到画布上时.画布只是空白.然后我打印了所有的imageData,由于某种原因它看起来总是为0.我对此感到严重困扰.请帮助并提前告知! window.onload = function(){var c = document.getElementById("myCanvas");v ..
发布时间:2021-04-21 19:22:04 前端开发

使用putImageData从画布上的像素阵列绘制图像

我正在研究一个可以加密图像并在画布上重新绘制解密图像的项目.由于我仍然对编码和编程还很陌生,因此我目前在重新绘制解密的图像数据时遇到问题,该图像数据是R,G,B,A形式的像素阵列.我认为只需将数据放入 ctx.putImageData(imgd,0,0); 但是firebug告诉我,该值未实现imagedata的接口.我已经在此处发布了整个数组.图片宽160像素,高120像素. 是 ..
发布时间:2020-05-28 01:37:34 前端开发

动画/移动由putImageData放置的画布图像

我有一个已解码的jpeg图像,我用putImageData将它写入画布。是否可以移动此图像?我找不到任何关于它的文档。 我的想法是我将使用dirtyX和dirtyY裁剪解码图像的某个部分,现在我想裁剪另一个图像的一部分。我正在使用像spritesheet这样的解码图像。 解决方案 使用的剪辑版本drawImage 将您的个人精灵绘制到画布 (不要使用getImageData& ..
发布时间:2018-07-05 10:37:24 前端开发

使用pdf.js和ImageData将.pdf渲染为单个Canvas

我正在尝试使用PDF.js阅读整个.pdf文档,然后在一个画布上渲染所有页面。 我的想法:将每个页面渲染到一个画布并获取ImageData(context.getImageData()),清除画布做下一页。我将所有ImageDatas存储在一个数组中,一旦所有页面都在那里,我想将数组中的所有ImageDatas放到一个画布上。 var pdf = null; PDFJS.disa ..

我在使用另一个画布/图像(png)中的画布putImageData复制透明像素时遇到了麻烦

我正在尝试复制此处的stackoverflow 方法。 但是我遇到了一些我不知道如何解决的问题。 我设置了 jsfiddle 来展示一切。 这是第二个jsfiddle ,只有粒子在移动和被绘制。 我的问题在于绘图,探查器显示,使用大约10000个粒子,drawImage占整个循环时间的40%。没有直接绘图,只有计算没有什么阻碍代码exectuion所以问题在于绘图。 有没有办 ..
发布时间:2018-07-04 20:49:41 前端开发

迭代画布中像素的最快方法,并将其中一些复制到另一个画布中

我正在进行2D / 3D图形项目,我遇到了性能问题。 我的算法需要两张图片:图片和相对灰度深度地图。 我还有一个10个画布(“图层”)的数组,最初是空白的。注意:所有图像都具有相同的尺寸。 我需要检查深度图的每个像素X; Y,并根据其颜色值访问其中一个10幅画布并在其上绘制原始图像的X; Y像素。 结果算法如下: for(var y = 0; y ..
发布时间:2018-07-03 11:37:20 前端开发

如何从javascript中的imageData生成图像?

我想知道是否有任何方法从imageData创建一个新的图像,这是以前从一个画布元素获得? 我搜索过一个解决方案,但他们似乎都把结果画到画布上。 所以基本上我需要一个方法来将ImageData对象直接转换为Image。 解决方案 在Canvas中使用 toDataURL 方法。 它使图像数据作为数据URI。 var canvas = document.createEleme ..
发布时间:2016-11-13 00:42:11 前端开发

创建从阿贾克斯Arraybuffer响应类型HTML画布

我在做一个Ajax调用服务器的JPEG文件。我返回数组缓冲区中的数据。现在我该怎么呈现在画布上此数据缓冲区。现在,请不要认为像源URL设置到图像的任何答复。我想坚持的内存对于一些处理的图像数据。 解决方案 如果你不想使用缓冲区作为图像源,唯一的选择就是自己解析原始缓冲区。只是有一点,这个缓冲区包含的未处理的(RAW)文件,因此通过分析这意味着低层次的字节解析(使用数据视图) 这是可行的,但需 ..
发布时间:2015-11-30 01:56:30 前端开发