如何引用飛鏢聚合物組件的圖像

我有一個提到圖像的飛鏢聚合物組件。該組件是路徑成分/標誌-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，當這是從鏢編輯器中的相對路徑時，這是從構建HTML運行於不同的運行。（當我說跑，我的意思是打開HTML頁面）。

將URL放入樣式標記可解決問題，這使相對URL在從飛鏢編輯器運行或從構建html運行時相同。現在圖像目錄位於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>

這解決了這個問題。

來源

2014-01-25 Phil