问题标签 [getimagedata]

是否有使用 Google Native Client 中的 PPB_ImageData 的 c 语言参考示例示例？我需要从 html 画布中获取图像数据并使用 c 库处理图像。

我正在尝试这样做：从同一画布元素的不同位置获取图像数据（），并使每个图像数据块成为粒子系统中单个粒子的纹理。我不希望所有系统都具有相同的纹理，而是每个粒子的纹理必须对应于画布上的一大块图像。一旦我的 imgData[i] 数组填充了信息，如何将其每个元素分配给每个粒子的纹理值？（请记住，我希望每个粒子具有与 imgData[i] 数组中的每个元素对应的不同纹理）

我在 Mozilla 中遇到 getImageData 问题。我做了一个功能，点击画布后获取鼠标坐标。坐标很好，但有一个问题，在 Mozilla 中它给 mi 错误的 getImageDatas 数字 - 例如在 chrome 中它给出 mi red: 10, green: 0, blue: 10 而 Mozilla 给出 red: 60, green: 255, blue : 10...我不知道问题出在哪里...请您帮忙吗？这是功能： http: //pastebin.com/MjnG0Nbm

我正在尝试使用 PDF.js 阅读整个 .pdf 文档，然后在单个画布上呈现所有页面。

我的想法：将每个页面渲染到画布上并获取 ImageData (context.getImageData())，清除画布做下一页。我将所有 ImageDatas 存储在一个数组中，一旦所有页面都在那里，我想将数组中的所有 ImageDatas 放到一个画布上。

所以从我理解的方式来看，这应该有效，对吧？当我运行它时，我最终得到的画布足够大，可以包含 pdf 的所有页面，但不显示 pdf ......

感谢您的帮助。

是否可以从另一个画布的 getImageData 数组（在同一个 html 页面中）创建纹理（用于画布中的元素）？也许没有three.js？非常感谢，

珍妮弗

我有以下问题：当我绘制一个矩形（使用 fillRect 方法），然后我绘制一个图像（使用 drawImage）时，我无法通过使用 getImageData 从 Contex 获得正确的结果。当我用 drawImage 注释行时，它可以正常工作。哪里有问题？

问题：http: //jsfiddle.net/yX5mj/1/

我正在为大学作业制作游戏。这个想法是你通过画一条线（单击、拖动和释放来画一条线）来保护中心圈免受传入的小行星（线）的影响，从而阻止它们。撞击一条线的小行星应该摧毁这条线的小行星。

我目前遇到的问题是没有检测到碰撞。

我有一系列线和小行星的物体。线条由简单的开始和结束 x 和 y 组成，小行星由随机速度和随机角度（它们的入射角）组成 - 旋转上下文，绘制小行星，然后为下一行重置。

为了检测碰撞，我使用 getImageData 并在小行星前面进行检查，但是在该迭代中这条线会前进多少像素（基本上是它们的速度），如果颜色是红色，它将摧毁小行星 - 我还没有来得及破坏这条线，当我遇到它时会解决这个障碍（不过欢迎提出建议）。

问题是，小行星从不与线条相撞，我一生都无法理解为什么，或者看到另一种简单的方法。任何建议将不胜感激，在此先感谢。

是否可以在不使用画布的情况下将字节数组转换为图像数据？

我目前使用这样的东西，但是我认为可以在没有画布的情况下完成，还是我错了？

http://jsfiddle.net/ARTsinn/swnqS/

更新

我已经尝试将其转换为 base64-uri 但没有成功：

'data:image/png;base64,' + btoa(String.fromCharCode.apply(this, byteArray));

更新 2

将问题与问题分开

画布本身不是，而是 oldIE（和其他）不支持它的事实。...对于这个用例来说，像 excanvas 或 flashcanvas 这样的库似乎有点臃肿......

我需要获取某些精灵的每个边缘的位置，但不知道如何实现这一点。这是我的意思的示例图像：

我尝试了一些canvas但getImageData没有成功。

我需要它来进行一些碰撞检测，结果必须是这样的数组：

野外是否已经有一个简单的算法/解决方案？

更新

这是我的意思的一个例子。使用箭头键旋转/缩放精灵 http://html5quintus.com/quintus/examples/sprite/