如何在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所依赖的节点画布提供支持。安装完成后，您可能需要在安装结构之前重新启动终端或命令提示符。

$ npm install fabric --save

您是否已完成所有步骤？节点还好吗？签出该页面，那里有很多提示：

安装Node.js，然后安装NPM（如有必要。）>

要安装NPM软件包

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

$ npm install -g testem
告诉我，如果有帮助。