使用requireJS和svgPanZoom提供错误: Uncaught : svgPanZoom不是一个函数

Question

我一直在用我的javascript应用程序成功地使用SVG-Pan-缩放库，但现在我需要重构它才能使用requireJS。

我的util.js是：

define([
    'baja!',
    'jquery',
    '/file/WebWidgets/js/libraries/svg-pan-zoom.js'
], function (
    baja,
    $,
    svgPanZoom) {
'use strict';

const updateInitializeDiv = () => {

    const svgDocument = $('#svgObjectElementFromBinding')[0].contentDocument;
    const svgDocumentElement = svgDocument.documentElement;
    console.log(svgDocumentElement);
    console.log(svgDocumentElement.tagName);//svg

    let panZoomSVG = svgPanZoom(svgDocumentElement, {
        zoomEnabled: true,
        controlIconsEnabled: true
    });
}

const util = {};
util.updateInitializeDiv = updateInitializeDiv;
return util;
});

我得到了“TypeError: svgPanZoom不是一个函数”。

有人能告诉我我做错了什么吗？

Answer 1

我必须参考RequireJS配置中的SVG-Pan-缩放库才能让它正常工作。