如何使用ExtJS 4.1突出显示Sprite类型“图像”?

时间:2013-07-02 08:13:44

标签: javascript css extjs extjs4.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-Tag内,我无法应用样式。但它必须以某种方式......

那么,如何在Ext.Draw.Sprite中添加样式(如Background-Image / -Color或Border)?

0 个答案:

没有答案