我有一个Dart聚合物组件,它引用了图像。该组件位于路径component / logo-header.html中
<polymer-element name="logo-header">
<template>
<style>
</style>
<img src="../image/youtube.png" style="width: 109px;height:47px;float:left" />
</template>
<script type="application/dart" src="LogoHeader.dart"></script>
</polymer-element>
当我构建项目并使用所构建的应用程序时,此代码可以正常工作。如果我只运行该应用程序,它将无法正常工作。
如何引用该图像,以使URL对于生成的版本和调试器中的运行而言都是正确的?
我的问题是URL在img src中,从dart编辑器运行时,相对路径与从html生成时,相对路径不同。(当我说运行时,我的意思是打开html页面)。
将URL放入样式标签中可解决此问题,这使得从dart编辑器运行或从html生成文件运行时,相对URL相同。现在,图像目录位于Web目录中,因此其目录为web / image / youtube.png。
<polymer-element name="logo-header">
<template>
<style>
.youtube {
background-image:url('image/youtube.png');
}
</style>
<div class="youtube" style="width: 109px;height:47px;float:left"></div>
</template>
<script type="application/dart" src="LogoHeader.dart"></script>
</polymer-element>
这解决了问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句