SVG () возвращает ноль в JSFiddle - PullRequest
Новая
       22

SVG () возвращает ноль в JSFiddle

0 голосов
/ 06 ноября 2019

Я хотел изучить SVG, и хотя JSFiddle был бы идеальным местом для игры с ним. Я получаю null, возвращенный начальным SVG('whatever') звонком. Я что-то упускаю или делаю неправильно, или что-то не так с JSFiddle?

Вот скрипка: https://jsfiddle.net/85gsveLd/

Вот мой HTML: 

<div id='canvas'><div>

И JS: 

if(document.readyState === 'complete') {
  initialize()
}
else {
  window.addEventListener('load', initialize)
}

function initialize() {
  var draw = SVG('drawing').size(300,300)
  var rect = draw.rect(100, 100)
}

Ошибка: 

Uncaught TypeError: Cannot read property 'size' of null

Обратите внимание, я ссылаюсь в svg.js v3.0.13 как зависимость.

Обновление: Мой код основан на работающем примере JSFiddle более старой версии svgjs. Итак, использование старого кода с новой версией svgjs привело к моим ошибкам. Урок здесь состоял в том, чтобы всегда гарантировать, что ваш код нацелен на правильную версию библиотеки, которую вы пытаетесь использовать.

1 Ответ

2 голосов
/ 07 ноября 2019

Вам нужно использовать https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/svg.js в своем ресурсе в jsfiddle, чтобы использовать SVG(...)

А затем var draw = SVG().addTo('#canvas').size(300, 300)

...