javascript - 调整 fabricjs 文本框大小以匹配文本选择

我有一段代码以这种方式创建一个新的 Textbox：

new fabric.Textbox('Ajouter du texte')

问题是文本框与其内容相比太小了：

如果我设置固定宽度，我会得到一些周围的内边距：

new fabric.Textbox('Ajouter du texte', {width: 350})

阅读更多 →

typescript - “Canvas 不是构造函数” 错误 - 在 Angular 6 中使用 FabricJS

我正在进行一个项目，该项目最近从 Angular 5 升级到 6。我正在添加一个新功能，这个功能要求我从数据中绘制图像，所以我一直在尝试使用 Canvas 和 SVG DOM 对象来实现这个功能。FabricJS 拥有我需要的许多功能。

我昨晚尝试将它添加到项目中。我从网站下载了 FabricJS 的完整 DEV/MIN 版本，v2.3.3。然后我在我的 node_modules 文件夹中创建了一个“fabric”文件夹，并将 *.js 文件放在那里。我编辑了我的 angular.json 文件以包含以下内容：

"scripts": [ "node_modules/fabric/fabric.js" ]

然后创建了一个 typings.d.ts 文件，内容如下：

declare const fabric: any;

最后，在我的模块中，我是这样导入它的：

阅读更多 →

javascript - 在 zoom 和 pan 之后 fabricJS 中的对象对齐

当我使用 Angular 配合 fabricJS 时，如果我想将一个元素对齐到左边，例如我使用以下方法

alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undefined) { // Bounding Box of the selected element var bound = obj.getBound

阅读更多 →

typescript - 我如何创建一个 ESM/CJS 模块，而不需要在导入时添加 '.default'

我可以设置我的 package.json，以便为 CJS 和 ESM 使用不同的导入：

"main": "dist/cjs/index.js", "module": "dist/esm/index.js",

我也可以设置我的 TypeScript 编译器来创建两个版本：

// for ESM { "compilerOptions"

阅读更多 →

javascript - FabricJS 固定大小的文本框与动态字体大小（缩小文本以适应大小）

我如何固定文本框的大小，并在文本过大而不适合文本框时动态减小字体大小？是的，这里有一个类似的问题，但它只适用于单行文本。

我正想实现的就是这个：（来自 imgflip 模因编辑器的例子）

我尝试了以下方法：

let text = new fabric.Textbox(box.text, { top: box.top, left: box.left, width: box.width, }); if (text.width > box.width)

阅读更多 →

node.js - package.json 对 ESM 和 CJS npm 包不遵守 exports 属性

我在让我的 npm 库通过 package.json 中的 exports 字段支持子路径导入/require 时遇到了困难。作为背景，package.json 支持一个名为“exports”的字段，它允许你根据运行时（即 commonjs 或 ecmascript）有条件地公开文件。

在我的 TypeScript 项目中导入 npm 库时，我收到以下错误：

// How I import import logger from '@myorg/custom-logger/src/logger';

阅读更多 →

javascript - 需要使用 TypeScript 的 fabricjs.d.ts 示例

我在一个项目中使用 fabricjs，我正在尝试将其转换为使用 TypeScript，但我无法弄清楚如何使用它。以前，我会通过以下方式创建我自己的自定义对象：

my.namespace.Control = fabric.util.createClass(fabric.Object, { id: "", type: 'Control', color: "#000000", ... });

在我的新项目中，我已经从这里安装了 TypeDefinition 文件，但我不知道应该如何使用它？

看着 .d.ts 文件，f

阅读更多 →

node.js - node_modules/minimatch/dist/cjs/index"' 没有名为 'IMinimatch' 的导出成员。你是想说 'Minimatch' 吗？

我将 rimraf 作为开发依赖（v5.0.0）。当我尝试使用 rimraf 运行脚本时，它给我这个错误：

node_modules/@types/glob/index.d.ts:29:42 - error TS2694: Namespace '".../node_modules/minimatch/dist/cjs/index"' has no exported member 'IOptions'. 29 interface IOptions extend

阅读更多 →

node.js - “node_modules/minimatch/dist/cjs/index” 没有导出的成员 ‘IOptions’

我有一个 TypeScript 项目要在 Firebase 函数上运行。

这是我的 tsconfig.json

{ "compilerOptions": { "lib": ["es2017"], "module": "commonjs", "noImplicitReturns": true, "outDir": "dist", "sourceMap": true, "target": "es2017", "esModuleInterop": true, "strict": true }, "include": ["src"], "e

阅读更多 →

javascript - 如何在 Angular2 中使用/引入 fabricjs

我想在我的项目中使用 fabricjs。我使用 bower 安装了 fabricjs 并在 index.html 中链接了它。但它不起作用。请看下面的代码。

index.html

<html> <head> <script>document.write('<base href="' + document.location + '" />'); </script> <title>Image Editor</title> <meta charset="UTF-8"> <meta name="vi

阅读更多 →