如何在Sencha extjs6应用程序的画布顶部放置svg横幅

ruarlubt  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(141)

我想在我的Sencha ExtJs6应用程序上放一个svg横幅图像。
有了下面的ccs,我至少可以在登录窗口实现这一点,但不能在主面板本身实现。

svg pnale在顶部
我需要使用ExtJs应用程序的另一个class元素,比如(.ext-element-1.x-scroller.x-border-box x-panel.x-panel-navigation),还是必须在应用程序中的某个位置放置一个新项。scaffolder的js,哪个senchagenerate应用程序负责?

.x-border-box::before {
    background-image: url(../images/_horizontal.svg) !important;
    background-position: 0 -100px;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

横幅图像不应覆盖现有元素。它应该是用户所做的每个操作之上的附加修复元素。
感谢任何提示。提前表示感谢。

vjhs03f7

vjhs03f71#

您可以尝试使用Ext.Img组件来显示图像,尽管我不能100%肯定它支持SVG。
您还可以尝试在面板中将svg添加为HTML:

{
        title: 'My SVG',
        html: '<img src=./resources/images/1.svg />'
  }

相关问题