動的グラフィックを作成するためにSVG.jsプラグインを作成しようとしています。使いたいサイトはdjango-require経由でrequireJSを使っています。
SVG
SVG.js によってエクスポートされたオブジェクトを適切に拡張するためのプラグインを取得するのに苦労しています。
このプラグインは、別の SVG.js プラグインである svg.path.js をモデルにしており、次のようになります。
(function() {
SVG.extend(SVG.Path, {
myGraphicType: function(p){
return this;
}
});
}).call(this);
私のプラグインは と に依存しsvg.path
ますsvg
。svg.path
にも依存しsvg
ます。shim
requireJS 構成のエントリは次のようになります。
shim: {
'svg-0.32' : {
exports: 'SVG'
},
'svg.path': {
deps: ['svg-0.32']
},
'svg.myplugin': { //My plugin!
deps: ['svg-0.32', 'svg.path']
}
}
主なアプリは、 と の両方にdefined()
依存することです。ただし、次のようにプラグインを使用するようになると:svg
svg.myplugin
var myGraphic = SVG.path().myGraphicType()
ファイルSVG
で定義されていないと言われました。svg.myplugin.js
このようなプラグインをrequireJSを使用して含める正しい方法は何ですか?