2013-11-04 60 views
5

我有一個接受的參數轉動自己是一個SVG文件使用使用參數一個SVG和在HTML中使用此語法在一個對象標籤工作正常:在標記圖標

<object id="myicon" data="../static/images/icons/icon.svg?trans=rotate(75 16 16)" type="image/svg+xml"></object> 

但是,如果我嘗試使用它像一個圖標,不起作用,只顯示默認的圖像標題。

markers[0].set("icon", "../static/images/icons/icon.svg?trans=rotate(75 16 16)") 

markers[0].setIcon("../static/images/icons/icon.svg?trans=rotate(75 16 16)") 

markers[0].setIcon("../static/images/icons/icon.svg?trans=rotate(75+16+16)") 

這不是一個緩存的問題,如果我檢查產生我可以看到完整的URL指向圖像的html代碼:

<img src="../static/images/icons/icon.svg?trans=rotate(75 16 16)" draggable="false" style="position: absolute; left: 0px; top: 0px; -webkit-user-select: none; width: auto; height: auto; border: 0px; padding: 0px; margin: 0px;"> 

我在想什麼?我想在任何程度上乾淨地旋轉圖標。謝謝。

PD:如果我按照從生成的代碼在新的Chrome標籤的圖片鏈接,我可以看到的圖像與正確的標題和URL映射到:

/images/icons/icon.svg?trans=rotate(75%2016%2016) 

但工程走的地圖只要。

+1

您是否嘗試過使用urlencoded符號? '../靜態/圖像/圖標/ icon.svg?反式=旋轉(75 + 16 + 16)'? –

+0

我試過了,但不起作用。 – chespinoza

+0

我猜你已經嘗試過沒有變換? –

回答

1

出於隱私的原因,如果您使用SVG作爲圖像即你通過SVG <image>標籤,HTML <img>標籤或作爲背景圖像然後amongst other things,JavaScript的將被禁用引用它。