如何在 Vue 中设置 Fabric.js 扩展

Question

我已经通过直接导入在 Vue 中使用了 Fabric.js，类似于这个 How can I set up Fabric.js in vue?

现在我需要扩展fabric对象并需要使用它（扩展帮助制作曲线文本）https://github.com/EffEPi/fabric.curvedText

我尝试从上面的源代码中进行改编，并将其作为 Vue 插件添加到我的项目中，就像这样

import "fabric";
import _Vue from "Vue";

export const FabricCurveTextPlugin = {
    install(Vue: typeof _Vue, options: object = {}) {
        // @ts-ignore
    const fabric = fabric || (fabric = {});
    const extend = fabric.util.object.extend;

我猜它不起作用，但它没有，我得到了错误 Uncaught Error: "fabric" is read-only...

您能与我分享一些经验，我该如何正确地做到这一点？谢谢

Answer 1

来自 github 主页： https://github.com/fabricjs/fabric.js

用凉亭安装

$ bower install fabric

使用 npm 安装 要使用 npm 安装 Fabric.js，您必须首先在系统上手动安装 Cairo。 Cairo 是一个系统库，为 Fabric.js 所依赖的 node-canvas 提供支持。安装完成后，您可能需要在安装fabric之前重新启动终端或命令提示符。

$ npm install fabric --save

您完成了所有步骤吗？节点好吗？ 查看页面，那里有很多提示：

安装 Node.js，然后根据需要安装 NPM。

安装 NPM 包

 $ npm install

运行测试套件，确保已安装 testem

$ npm install -g testem

如果有帮助，请告诉我。