SVG()在JSFiddle中返回null

我想学习一些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作为依赖项进行链接。

更新:我的代码基于旧版本svgjs的有效JSFiddle示例。因此,将旧代码与新svgjs版本一起使用会导致我的错误。这里的课程是始终确保您的代码针对您要使用的库的正确版本。

yeqishy 回答:SVG()在JSFiddle中返回null

您需要在jsfiddle的资源中使用https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/svg.js才能使用SVG(...)

然后是var draw = SVG().addTo('#canvas').size(300,300)

本文链接:https://www.f2er.com/3149104.html

大家都在问