javascript - ExtJS 6 如何更改 Sprite 的颜色

Question

如何使用按钮更改绘图的颜色我尝试使用下面的代码，但它不起作用，是否有更有效的方法可以更改 sencha ext js 中的颜色，例如单击按钮颜色网格时会出现？

使用此示例:https://examples.sencha.com/extjs/6.2.0/examples/kitchensink/#free-paint

查看

 tbar: ['->', {
        text: 'Color',
        handler: function (button) {
            var draw = Ext.getCmp('sprite');
            if (strokeStyle == yellow) {
                strokeStyle: new Ext.util.Color(255,255,0)
                button.setText('Yellow');
             } else {
                strokeStyle: new Ext.util.Color(0,30,255)
                button.setText('Blue');
             }
        }];

组件

 me.sprite = surface.add({
    type: 'path',
    path: ['M', me.list[0], me.list[1], 'L', me.list[0] + 1e-1, me.list[1] + 1e-1],
    lineWidth: 20,
    lineCap: 'round',
    lineJoin: 'round',
    draggable: 'true',
    strokeStyle: new Ext.util.Color(0,0,0)
    });
    surface.renderFrame();

Answer 1

我不熟悉 Ext.draw.* 组件，但根据文档，要更改 Ext.draw.sprite.Sprite 的颜色您可以使用setAttributes()方法如下:

sprite.setAttributes({
    strokeStyle: color
});

要选择颜色，您可以使用 Ext.ux.colorpick.Field .

这里是fiddle来说明。