轉換SVG矩形的x，y屏幕左側和頂部的jQuery SVG

我使用谷歌可視化，以產生一些列的圖表，來調劑我想用一些自定義的文字和圖片，要做到這一點，我需要改變註釋顯示讓每個註釋的轉換SVG矩形的x，y屏幕左側和頂部的jQuery SVG

目前經過一系列的試驗和錯誤的，我只是將一些隨機值，使佈局的確切頂部和左側位置接近，我想知道是否有什麼我尋找

它可以將x轉換，註釋的y值屏幕左側和頂部的值，這樣，我就能獲得所需的佈局。

請訪問以下鏈接 http://www.screencast.com/t/f0ytn2m0IS

小橙色圖標與像230等值是那些應該是在網上線圖

來源

2013-02-12 Sandhurst

您可以檢查本文「SVG座標變換」 http://msdn.microsoft.com/en-us/library/ie/hh535760(v=vs.85).aspx – jcubic 2013-08-13 13:29:59

您可以檢查這個答案「How can I absolutely orient text in SVG」。您可以使用code from that answer創建jQuery插件。

$.fn.getRealBBox = function() { 
    if (this[0] instanceof SVGElement) { 
     return getBoundingBoxInArbitrarySpace(this[0], this[0].getCTM()); 
    } else { 
     throw "selector '" + this.selector + "' is not SVGElement"; 
    } 
};

，並用它來獲得x和y，那麼你可以設置一個頂部留給那些值的對象，如果你想在HTML對象是在中間只需添加box.width/2和box.height/2。

來源

2013-08-14 10:59:45 jcubic

轉換SVG矩形的x，y屏幕左側和頂部的jQuery SVG

回答

相關問題