将 Snap.svg JavaScript 文件加载到 Edge Animate答案

【问题标题】：Loading Snap.svg JavaScript file into Edge Animate将 Snap.svg JavaScript 文件加载到 Edge Animate
【发布时间】：2014-03-13 06:45:07
【问题描述】：

我有一个使用 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),

【问题讨论】：

【解决方案1】：

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

解决方法很简单，改变

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

与

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

【讨论】：