Невозможно создать форму с помощью оснастки SVG

Невозможно загрузить стопорное SVG:Невозможно создать форму с помощью оснастки SVG

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title> 
     <script src="<%=request.getContextPath()%>/scripts/snap.svg.js"></script> 
     <script src="<%=request.getContextPath()%>/scripts/prism.js"></script> 
     <link rel="stylesheet" href="<%=request.getContextPath()%>/css/stylesheet.css"> 
     <link rel="stylesheet" href="<%=request.getContextPath()%>/css/prism.css"> 
     <script> 
      var s = Snap("#svg"); 
      var circle = s.circle(90, 120, 80); 
      var square = s.rect(210, 40, 160, 160); 
     </script> 
    </head> 
    <body> 
     <svg id="svg"></svg> 
    </body> 
</html>

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

Checked консоль он говорит: неперехваченная ошибка типа: не может прочитать свойство «круг» нулевых

источник

2015-07-03 kittu

Я угадал его, что вы запускаете скрипт до загрузки HTML, (так что он не знает об элементе .SVG, как у вас это после того, как сценарий), так как поставить скрипт выше или лучше запустить сценарий после загрузки страницы. – Ian

ok позвольте мне попробовать Ian – kittu

пробовал внутри раздела головы, а также после раздела тела, но все еще не работает. по-прежнему такая же ошибка – kittu

Вы должны ждать, пока страница не закончится загрузка ... попробуйте window.onload

window.onload = function() { 
     var s = Snap("#svg"); 
     var circle = s.circle(90, 120, 80); 
     var square = s.rect(210, 40, 160, 160); 
}

jsfiddle

источник

2015-07-03 11:26:24 Ian

Невозможно создать форму с помощью оснастки SVG

ответ

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