ExtJS:“图像”类型的精灵:如何更改像素

ExtJS: Sprite of type 'image': how to change pixels?

本文关键字：精灵 像素 何更改 类型 图像 ExtJS      更新时间：2023-09-26

HTML元素'Canvas'提供了getImageData和putImageData的函数，因此可以读取和修改图像数据。我在 ExtJS（Sencha，版本 5.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');

不确定这是否是您想要的，但希望对您有所帮助。查阅文档，其中有大量关于绘制精灵的信息。森查多克斯

相关文章：