如何用Javascript翻譯SVG

-1

我是一個初學者，所以請原諒這個簡單的問題。如何用Javascript翻譯SVG

我有在它的SVG HTML文件：

<html> 

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 

<body> 
<img src="example.svg" width="1000" height="700" > 
</body> 

</html>

我需要：甲Javascript函數，其通過沿100像素y軸平移SVG。具體如何看待這樣的功能？

備註：它必須是Javascript。 SVG也可以被object-tag（而不是img）包含。我需要jquery在其他點，這就是爲什麼它被加載。

非常感謝您的幫助！

編輯：我到目前爲止所做的。 HTML作爲iframe包含在其他項目中。目標是在JS觸發時顯示SVG的「特定部分」。我嘗試下面的代碼在HTML頭：

$(document).ready(function() 
{ 
    window.parent.translation = function() 
{ 
window.scrollTo(0, 100); 
} 
});

這樣就解決了我的問題和工作處處完美的罰款 - 除了臺iPad。無論我做了什麼，我都無法滾動或跳到iPad上的錨點。這就是爲什麼我現在想翻譯SVG（而不是滾動頁面）。效果應該是一樣的。

於是，我就一個ID如下添加到SVG：

<img id="example_svg" src="example.svg" width="1000" height="700" >

然後我更換了符合「scrollTo」通過下面的代碼：

document.getElementById('example_svg').style.setProperty("top", "100px");

但是這並未」工作。所以這就是我需要幫助的地方（或者，如果它在ipad上工作，那麼scrollTo會很好 - 但我在互聯網上找到的解決方法都不起作用）。

來源

2017-02-17 Tall83

對不起，收盤

如何用Javascript翻譯SVG

回答

相關問題