將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), 

Answer 1

當你創建一個新的捕捉像你這樣做，你只是包裝的DOM元素以捕捉對象。重要的部分是，如果#Stage_snap是html你沒有svg方法，如果元素是svg，你會有。

的解決方案是容易的，改變

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

與

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