Я новичок в кодировании, поэтому, пожалуйста, извините этот простой вопрос.Как перевести SVG по Javascript
У меня есть файл HTML с SVG в нем:
<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, который транслирует SVG по 100px вдоль оси у. Как должна выглядеть такая функция?
Замечания: Должно быть Javascript. SVG также может быть включен тегом object (вместо img). Мне нужен jquery в другом месте, поэтому он загружен.
Благодарим вас за любую помощь!
EDIT: Что я сделал до сих пор. HTML включен как iframe в другом проекте. Цель состоит в том, чтобы показать «конкретную часть» SVG при запуске JS. Я попытался следующий код в голове HTML:
$(document).ready(function()
{
window.parent.translation = function()
{
window.scrollTo(0, 100);
}
});
Это позволит решить мою проблему и работает везде прекрасно - за исключением IPADS. Что бы я ни делал, я не мог прокручивать или прыгать на якорь на ipads. Вот почему я хочу перевести SVG сейчас (вместо прокрутки страницы). Эффект должен быть одинаковым.
Так что я пытался добавить идентификатор в SVG следующим образом:
<img id="example_svg" src="example.svg" width="1000" height="700" >
А потом я заменил строку с «scrollTo» следующим кодом:
document.getElementById('example_svg').style.setProperty("top", "100px");
Но это Безразлично» т работы. Так вот, где мне нужна помощь (иначе scrollTo будет хорошо, если она будет работать на ipads - но ни один из обходных решений, которые я нашел в Интернете, не работал).
К сожалению, закрытие
Хорошо, я добавил смелый «EDIT» в своем сообщении выше. Есть более подробные сведения и то, что я пробовал до сих пор. – Tall83