Fabric JS IText字体根据位置模糊

Fabric.js 是一个强大的和灵活的 JavaScript 库，用于处理 HTML5 canvas。它提供了丰富的交互式对象模型和一系列的用户交互选项。

关于你的问题，Fabric.js 并没有直接提供根据位置模糊文本的功能。然而，你可以通过创建自定义的 fabric.IText 对象并重写其 _render 方法来实现这个效果。在这个方法中，你可以使用 canvas 的 filter 属性来应用模糊效果。

以下是一个简单的例子：

fabric.IText.prototype._render = function(ctx) {
    ctx.save();

    ctx.filter = 'blur(2px)'; // 设置模糊效果

    this.callSuper('_render', ctx);

    ctx.restore();
};

var canvas = new fabric.Canvas('c');

var text = new fabric.IText('Hello', { left: 10, top: 10 });

canvas.add(text);

在这个例子中，所有的 fabric.IText 对象都会被模糊。如果你想根据位置来改变模糊的程度，你可以在 _render 方法中添加一些逻辑来根据对象的 left 或 top 属性来改变 filter 的值。

请注意，这个例子使用了 filter 属性，这是一个实验性的特性，可能不会在所有浏览器中都工作。你可能需要使用一些 polyfill 或者回退策略来确保在所有浏览器中都能正常工作。