问题标签 [putimagedata]

我在画布上画了很多扇区（比如圆形图），我需要旋转它。不幸的是它很慢，所以我只尝试绘制一次，然后保存位图并绘制位图。我试过了：

问题是，ImageData 不旋转（即使平移和缩放也不起作用）。是否可以只制作图像？我找不到答案，只有 canvas.toDataURL，但它需要整个画布，我只需要它的一部分。

如何在不工作的情况下更改putImageData比例scale(1.5, 1.5)..

我在我的脚本中遇到了一个我不明白的错误。我尝试在修改数据后修改画布 imageData。数据是一个 Int32Array

这个 console.log() 返回：

所以 newImageData.data 不会被这一行修改：

我勒个去？我应该错过一些东西，但是什么？

getImageData 对性能非常不利。我没有 png 或 jpg 文件。所以我在程序加载时制作了一张图片。我正在使用 iPhone 视网膜显示器开发应用程序。我需要你的帮助:(

我需要在运行时制作一个图像，我可以在其中重新使用某种变量。

在视网膜显示器上，使用缓存画布会使图像像素化过大或过大。除非你知道如何解决？

情况基本上是用基本的线性渐变绘制几个移动的原始形状，因此它们在透明的空白画布上重叠。它们与 alpha 通道值变化重叠的地方（即，它们流血）。

最后阶段是为每个单独的像素舍入 alpha，因此它是 0 或 255，具体取决于它更接近哪个。

使用 imageData 很容易做到 -

由于 getImageData 在 CPU 时间上非常昂贵，我希望制定一个使用 globalCompositeOperation 的解决方案，但似乎无法让它工作，有什么想法吗？

几天来，我一直在尝试仅使用带有 getImageData 和 putImageData 的 Canvas API 来重现图像，遵循我在网上找到的一些教程。使用从画布中绘制的正方形或任何其他形式很简单，但使用外部图片似乎更难。

你可以看看我是如何尝试的，如果你有解决方案，我很乐意阅读。我试图读取放置在画布左侧的图像，然后在同一画布的右侧复制它。

这是一个小提琴：http: //jsfiddle.net/6g82o9Lk/

谢谢您的帮助！

我有一个已解码的 jpeg 图像，我正在使用 putImageData 将其写入画布。然后可以移动这个图像吗？我找不到任何文件。

这个想法是我将用dirtyX和dirtyY裁剪解码图像的某个部分，现在我想裁剪图像的另一部分。我正在使用像精灵表一样的解码图像。

我正在对服务器进行 Ajax 调用以获取 Jpeg 文件。我将数据作为数组缓冲区返回。现在如何在画布上渲染这个 Array 缓冲区。现在请不要建议任何答案，例如将源网址设置为图像。我想将图像数据保存在内存中进行一些处理。

我目前正在使用fabric.js，并且在onclick事件之后成功地对图像的一部分进行了球形化。

问题是画布不记得我的动作。当您单击一次时，一切都很好，零件呈球形。但是，当您再次单击时，例如在其他地方，前一个球体会消失，而新球体会出现。

当我使用console.log来回显图像像素数据时，球化前后是一样的，我不明白为什么。

这是一个向您展示情况的小提琴：

非常感谢你的帮助！

我正在编写一个小型演示程序来测试 canvas+ 性能。但是 getImageData()、putImageData() 似乎不起作用。它在画布上留下一个黑色方块。宽度和高度的一半，当然考虑到 window.devicePixelRatio 是 2，某些不兼容的东西必须存在于某处。该程序在 Chrome 浏览器中运行良好。但不能使用 Cocoonjs 启动器 2.1.1。

代码：

结果是：我可以看到一个红色矩形，上面有一个 1/4 大小的黑色矩形。有人可以帮我吗？

ctx.drawImage() 将在程序中工作。

===============================

谢谢两位！我在http://spikeyang.boxshell.com/static/js/src.zip上发布了我的代码

请点击第三个链接 water_ripple 查看结果。请点击右上角按钮返回主页。主 js 文件是 js/demo.js。主要函数是 waterRippleLoop()。我正在尝试一些水波纹模拟代码。