4

動的グラフィックを作成するためにSVG.jsプラグインを作成しようとしています。使いたいサイトはdjango-require経由でrequireJSを使っています。

SVGSVG.js によってエクスポートされたオブジェクトを適切に拡張するためのプラグインを取得するのに苦労しています。

このプラグインは、別の SVG.js プラグインである svg.path.js をモデルにしており、次のようになります

(function() {

    SVG.extend(SVG.Path, {
        myGraphicType: function(p){
            return this;
        }
    });

}).call(this);

私のプラグインは と に依存しsvg.pathますsvgsvg.pathにも依存しsvgます。shimrequireJS 構成のエントリは次のようになります。

shim: {
    'svg-0.32' : {
        exports: 'SVG'
    },
    'svg.path': { 
        deps: ['svg-0.32']
    },
    'svg.myplugin': { //My plugin!
        deps: ['svg-0.32', 'svg.path']
    }
}

主なアプリは、 と の両方にdefined()依存することです。ただし、次のようにプラグインを使用するようになると:svgsvg.myplugin

var myGraphic = SVG.path().myGraphicType()

ファイルSVGで定義されていないと言われました。svg.myplugin.js

このようなプラグインをrequireJSを使用して含める正しい方法は何ですか?

4

0 に答える 0