未捕获的TypeError：CanvasSpliner不是构造函数

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>