javascript - 将 Snap.svg JavaScript 文件加载到 Edge Animate

Question

我有一个使用 Snap.svg（Raphaël 的弟弟）创建的功能齐全的交互式 SVG。当我自己测试它时它工作正常，但我尝试使用 yepnope.js 将外部脚本加载到 Edge Animate 文档中，但我收到错误消息：

Uncaught TypeError: Object [object Object] has no method 'ellipse'

这是我的 javascript 文件的顶部。我觉得这是一个范围界定问题，但我什至不知道从哪里开始：

var s = new Snap('#Stage_snap'),
    crabBody = s.ellipse(192, 135, 10, 10),

score 1 · Accepted Answer

当你像你一样创建一个新的 Snap 时，你只是用一个 Snap 对象包装了 dom 元素。重要的部分是，如果#Stage_snap是html ，则您没有svg 方法，如果元素是 svg 则您将拥有这些方法。

解决方法很简单，改

<div id="Stage_snap"></div>

和

<svg id="Stage_snap"></svg>

1 回答 1