Snap.SVG есть элементы SVG

Я пытаюсь вставить SVG, используя snap.svg, на страницу, а затем поверните и слегка разверните. В настоящий момент я использую скобки, так как некоторые локальные объекты предварительного просмотра в реальном времени, и проблема, с которой я сталкиваюсь, двояка; Мне удалось получить его на месте около получаса назад, а потом как-то сломал, и теперь я не знаю, как вернуть его, а синтаксис для snap.svg достаточно сгущен, чтобы сделать его вроде как читать, и документация не очень хорошая, поэтому я не могу разобраться, как именно я делаю то, что хочу. Я дал поиск, но метод обратного вызова, который я нашел, похоже, не работает. Может ли кто-нибудь помочь?Snap.SVG есть элементы SVG

<!DOCTYPE html> 
    <html> 


    <body> 
    <script src="snap.svg-min.js"></script> 

    <script type="text/javascript"> 
     var paper = Snap(500,500), 
     Snap.load('ringing-phone.svg', function (phone) { 
     phone.selectAll("path[fill='#ff0000']").attr({fill: "#00ff00"}); 
     var g = phone.select("g"); 
    }); 
     </script> 



    </body> 


    </html>

источник

2014-12-09 Verlet64

Просьба (а) проверить код непосредственно в браузере, а также в режиме предварительного просмотра в режиме скобок; (b) сообщите, получаете ли вы какие-либо ошибки в консоли своего браузера (в случае возникновения проблемы с загрузкой файла); и (c) более четко объяснить, что вы пытаетесь достичь и что происходит вместо этого. В настоящее время вы ничего не делаете с внешним SVG-файлом - следует ли добавлять его к чему-то? – AmeliaBR

Oop, теперь я чувствую себя немым. Итак, в консоли javascript dev говорится: «Неиспользуемый SyntaxError: Неожиданный токен». Предполагая, что "." в строке 10, «Snap.load (« ringing-phone.svg », function (phone)», оба периода кажутся мне прекрасными, один обозначает формат файла, другой - декларацию метода. Извините за это, мой фон больше на стороне Java/C++, это мой первый набег на веб-дизайн. – Verlet64

У вас есть озорной запятую после вар бумаги линии, она должна быть точка с запятой, так как вы не определить переменную на следующей строке.

var paper = Snap(500,500); //<-- this semicolon 
Snap.load('ringing-phone.svg', ....

источник

2014-12-09 10:32:36 Ian

Спасибо, человек, это была глупая ошибка. – Verlet64

Мы все были там :) – Ian

Кроме того, я хотел преобразовать формы с щелчком мыши с поворотом на 45 градусов и небольшим масштабированием. Я видел, как ваше имя появилось довольно часто в связанных потоках, мне было интересно, можете ли вы указать мне правильный путь? Документация для меня немного сложна. Я чувствую, что немного подпрыгнул. – Verlet64

Snap.SVG есть элементы SVG

ответ

Смежные вопросы