Question

HTML元素“Canvas”提供了函数getImageData和putImageData，因此可以读取和修改图像数据。我在ExtJS（Sencha，版本5.1）项目中需要此功能。我必须使用'image'类型的精灵。但我找不到任何既不能访问像素也不能访问未覆盖画布的函数，如果使用的话。还有另一种方法可以达到这个目的吗？

关于

Rafal Ziolkowski

Answer 1

那么你需要做的是将你的精灵画在画布上？从浏览ext js代码有一个Ext.draw.engine.Canvas组件，我相信它使用html canvas元素。在本课程中，您可以做您想做的事情并获取图像数据。如果没有，你总是可以去抓取它渲染的元素并调用相应的getImageData和putImageData。希望这会有所帮助。

drawContainer = Ext.create('Ext.draw.Container', {
   items: [{
      mySprite
   }]
});
// after render
surface = drawContainer.getSurface();
surface.flatten(size, surface); // returns the drawn image data
// do this or get the element
canvas = surface.el.down('canvas');

不确定这是否是您想要的，但希望它有所帮助。有关绘图精灵的大量信息，请参阅文档。 senchadocs

ExtJS：'image'类型的Sprite：如何更改像素？

1 个答案: