使用svg.js的代码在JSFiddle.com或我的笔记本电脑中不起作用
Code with svg.js not working in JSFiddle.com or my laptop
svg.js新手…
我第一次尝试的示例是https://jsfiddle.net/wout/Vac2Q/在OS X上的safari中,单击run只会使结果窗格变白,然后再次变灰。代码在这里。。。
<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后,我试图在我的笔记本电脑上运行相同的代码,但它失败了,并在OS X上的chrome上出现错误"svg.js:3741 Uncaught TypeError:无法读取null的属性'nodeName'"。
我使用哪种浏览器并不重要。它仍然以相同的错误失败。我试图在div元素下包含sag元素,将"drawing"设置为sag元素的id来代替div元素等,但无济于事。
这里发生了什么?这是svg.js中的一个错误吗?
我删除了时钟,因为它不适用于最新的svg.js版本。这是一把经过校正的小提琴:https://jsfiddle.net/Vac2Q/6486/
这里有一些代码,这样我就可以提交答案
see my code here ;)
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 我的单元测试选项是什么
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 我的职位回报太快了,如何做出承诺
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何识别我的网站中的慢速设备
- 如何将JSON数据导入我的ejs模板
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 知道为什么我的旋转木马不会自动更改图片吗
- 我的模板未被解析
- 无法将数据从firebase获取到我的html页面
- 角度图表;t显示在我的页面中
- 我的AngularJS表达式没有'不起作用
- 将电视直播频道从网站嵌入我的网站
- /undefined在我的404错误日志中多次出现
- 使用svg.js的代码在JSFiddle.com或我的笔记本电脑中不起作用
- 正在jsfiddle.net上工作,但不在我的笔记本电脑上
- node-js-mongodb回调不起作用-下面的代码在我的笔记本电脑上起作用,但在另一台电脑上不起作用
- 为什么HTML地理定位可以在我的笔记本电脑上使用