javascript - 未捕获的类型错误 : CanvasSpliner is not a constructor

Question

我正在尝试使用 this repo在一个项目上，因为它的实现将允许我像 photoshop 一样通过连接点绘制多边形。

我可以使用 Django 的安装包括缩小版

<script src="/static/js/CanvasSpliner.min.js"></script>

然后在下面使用它

<script>
    $(function() {
        var cs = new CanvasSpliner("can", 300, 300);
    });
</script>

但这会抛出这个错误

color-editor:89 Uncaught TypeError: CanvasSpliner is not a constructor
    at HTMLDocument.<anonymous> (color-editor:89)
    at k (jquery.js:15)
    at Object.fireWith [as resolveWith] (jquery.js:15)
    at Function.ready (jquery.js:15)
    at HTMLDocument.D (jquery.js:15)

如果您单击 HTML 模板中的 color-editor:89 行，它就是上述脚本中的这一行

var cs = new CanvasSpliner("can", 300, 300);

Answer 1

将 CanvasSpliner 替换为 CanvasSpliner.CanvasSpliner

var cs = new CanvasSpliner.CanvasSpliner("can", 300, 300);

在玩 chrome 控制台时发现了这一点。

用法也可以在其源代码中找到demo .也许这只是 readme.md 中的一个错误。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jonathanlurie/canvasSpliner@master/dist/CanvasSpliner.min.js"></script>

<script>
    $(function() {
        var cs = new CanvasSpliner.CanvasSpliner("can", 300, 300);
    });
</script>