1

我想动态突出显示类型为“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，但我看不出精灵有什么不同。

我认为它不起作用，因为该图像标签位于 svg 标签内，我无法对其应用样式。但它必须以某种方式成为可能......

那么，如何向 Ext.Draw.Sprite 添加样式（如背景图像/颜色或边框）？

4

0 回答 0