「image」タイプの Ext.Draw.Sprite を動的にハイライトしたいと考えています。だから、色付きの背景や境界線などを追加したいと思います。
私はすでに addCls-Method をそのように試しました:
aElement.addCls('chosen-component');
のようなさまざまなスタイルで
.chosen-component { background: url(../images/stripes.svg) !important; }
または単に
.chosen-component { background: red; }
また
.chosen-component { border: 2px solid black; }
残念ながら、これらのアプローチはどれもうまくいきませんでした。
HTML は変更されます。のようです
<image id="component_image-1275" xlink:href="image.svg" zIndex="0" src="image.svg" width="82" height="34" x="112.3115" y="163.9915" preserveAspectRatio="none" transform="matrix(1,0,0,1,0,0)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" class="chosen-component"></image>
また、setStyle-Method は HTML を変更しますが、スプライトに違いは見られません。
image-Tag は svg-Tag 内にあり、スタイルを適用できないため、機能しないと思います。しかし、それは何とか可能でなければなりません...
では、Ext.Draw.Sprite にスタイル (Background-Image/-Color や Border など) を追加するにはどうすればよいでしょうか?