svg.js 的代码在 JSFiddle.com 或我的笔记本电脑上不工作

Question

新手 svg.js...

我首先在 OS X 上的 safari 中尝试了 https://jsfiddle.net/wout/Vac2Q/ 中的示例，单击运行只会使结果窗格变白，然后再次变灰。代码在这里...

<div id="drawing"></div>

/* create an svg drawing */
var draw = SVG('drawing')

/* draw rectangle */
var rect = draw.rect(50,50).move(100,100).fill('#f09')

/* make rectangle jump and change color on mouse over */
rect.mouseover(function() {
    this.animate(1000, SVG.easing.elastic)
    .move(400 * Math.random(), 400 * Math.random())
    .rotate(-45 + 90 * Math.random())
    .fill({
        r: ~~(Math.random() * 255)
      , g: ~~(Math.random() * 255)
      , b: ~~(Math.random() * 255)
    })
})

/* write text at the back */
draw.text('svg.js playground\ntry to grab the rectangle!')
    .back()
    .fill('#ccc')
    .move('50%', '40%')
    .font({
        family: 'Source Sans Pro'
     , size: 18
     , anchor: 'middle'
    })

/* create clock */
draw.clock('15%').back().start().move('80%', '80%')

然后，在正确链接到源 CDN 后，我尝试运行在我的笔记本电脑上使用相同的代码，但它失败了 "svg.js:3741 Uncaught TypeError: Cannot read property 'nodeName' of null" on chrome on OS X。

我使用哪个浏览器并不重要。它仍然失败并出现相同的错误。我试图在 div 元素下包含 sag 元素，将 'drawing' 设置为 sag 元素的 id 代替 div 元素等但没有帮助。

这里发生了什么？这是 svg.js 中的错误吗？

Answer 1

我删除了时钟，因为它不适用于最新的 svg.js 版本。这是更正后的 fiddle： https://jsfiddle.net/Vac2Q/6486/

这里有一些代码，所以我可以提交答案

see my code here ;)

svg.js 的代码在 JSFiddle.com 或我的笔记本电脑上不工作

Code with svg.js not working in JSFiddle.com or my laptop

javascript

html

svg.js