glfx.js在画布上模糊 - 获取未定义不是一个函数

Question

我正在尝试使用glfx.js Javascript库将镜头模糊效果应用于画布，但收到错误undefined is not a function。

以下是相关代码：

var canvas = document.getElementById("test_1");
var context = canvas.getContext('2d');
var imageObj = new Image();

imageObj.onload = function () {
    fitImageOn(canvas, imageObj); // draws the image onto the canvas, this works without any issues
    canvas.lensBlur(10, 0.75, 0).update(); // <---- error reported for this line

};

imageObj.src = "/images/test_1_image.png";

我也试过canvas.lensBlur(10, 0.75, 0)函数，但我得到了同样的错误。 HTML有一个简单的画布对象，其中设置了高度和宽度属性。

<canvas id="test_1" height="350" width="350" ></canvas>

这里有demo page，显示了官方网站上的效果。谢谢