问题标签 [fabricjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5292 浏览

javascript - Fabric.js + 谷歌字体

是否可以在不附加 Cufon 库及其字体的情况下将Fabric.js与 Web 字体一起使用?我可以使用标准的画布功能轻松地做到这一点,所以我想知道它是否可以在 Fabric 中实现。

0 投票
4 回答
3868 浏览

javascript - 解析 SVG 路径元素中的 d 属性

我正在尝试解析SVG Path元素中的d属性,到目前为止我发现fabric.js可以解析SVG,但直到现在我仍然不知道如何。

我需要解析路径以获取其中的形状(线弧)并在其上绘制正方形,最重要的是返回这些正方形的属性。

知道如何使用fabric.js 做到这一点吗?或任何其他图书馆?还是有人有不同的方法?

下面的图像有一个矩形和一条线都有我在它们的边界上绘制的正方形,我试图在路径元素上做同样的事情矩形和带边界的线

0 投票
6 回答
34043 浏览

javascript - Fabric.js - 自由绘制矩形

我有以下无法正常工作:

上面的逻辑来自一个简单的矩形绘图系统,我没有使用fabric.js,所以我知道它可以工作,只是不能使用fabric.js。

似乎数学已关闭,或者我使用宽度/高度/x/y 值设置了不正确的参数,因为当您绘制矩形时没有正确跟随光标。

非常感谢任何帮助,在此先感谢:)

0 投票
1 回答
1945 浏览

scroll - FabricJS Canvas,滚动父容器移动子命中区域

我正在使用 FabricJS 创建应用程序。我发现滚动父 div/容器会使对象的可选区域向右偏移,与滚动量直接相关。

因此,如果我有一个 1200x600 的画布和一个 600x600 的容器 div,并且我在 400、120 处向该画布添加一个矩形;当我滚动 200 像素时,我无法单击矩形来选择它。相反,我必须将鼠标移动到 600、120(空白区域)以获取横杆并选择矩形。

不确定这是否已知,或者是否有解决方法 - 但我将不胜感激任何可能的帮助。

0 投票
2 回答
3627 浏览

javascript - 用于 HTML5 画布的 fabric.js 库中的字体粗细

我一直在玩画布和很棒的面料库。除了正常重量外,我无法以任何方式显示文本。IE

未应用“粗体”标签。当我创建使用cufonfont.js的文件时,我包含了粗体和斜体字体。任何想法都非常感激。

0 投票
1 回答
4154 浏览

javascript - 如何在 Fabric.js 中将画布导出为 HTML?

有没有办法使用fabricjs将具有多个对象的canvas元素导出到带有javascript代码的html?我知道我可以导出toJSON或toObject,但这不是HTML。

我发现http://canvimation.github.com/有一个功能(文件>将画布导出到 html)将画布绘图导出到本机 html 代码。fabricjs 可以吗?

0 投票
5 回答
10116 浏览

php - Fabric.js canvas.toDataURL() 通过 Ajax 发送到 PHP

当我需要创建具有透明背景的图像时,我遇到了问题。我仍然不知道问题出在fabricjs 还是php 上。当我发送带有彩色背景的图像时,一切正常。当我发送具有透明背景的图像时会出现问题。生成的图像以黑色背景创建。所以,让我更好地解释一下:当用户单击保存按钮时,我将画布的字符串表示形式发送到服务器端的 php,以生成画布的图像。所以我使用以下函数通过 Ajax 发送画布的字符串表示(jQuery 的 POST 函数):

在 PHP 文件中,我使用以下代码生成图像:

同样,问题只是背景透明画布。彩色背景一切正常。

0 投票
1 回答
450 浏览

javascript - 在与 Fabric.js 关联的画布之外使用 Cufon

当我尝试在与 Fabric.js 关联的画布之外使用 Cufon lib 时,我遇到了问题。我正在尝试在我的应用程序中创建一个文本字体选择器,以显示可用的字体。选择器会将字体名称显示为字体样本(如 Photoshop 等)。因此,为了构建示例名称,我尝试使用 Cufon 替换字体样式,但 Fabric.js 不允许在画布之外使用。Fabric.js 显示了 Cufon 在画布内替换的文本。有人知道如何解决这个问题吗?谢谢。

0 投票
6 回答
29909 浏览

html - 使用 Fabric.js 的交互式文本字段

在过去的几周里,我一直在使用 Fabric.js,但是关于文本字段,我发现只能在创建时设置文本。

是否有任何可能的方法来制作交互式文本字段,或者我是否必须找到解决方法来实现这一点?(对于交互式文本字段,我的意思是画布的一个区域,我可以单击并直接在其中写入。)

0 投票
3 回答
7835 浏览

javascript - Fabric.js:覆盖图像后面的图像控件

我正在使用 jquery 和 fabric.js 库构建一个画布用户界面,并使用以下代码设置一个带有透明部分的覆盖 png 图像

我还在覆盖层后面添加了一个图像,并使用以下代码调整大小以适合容器

它可以按预期工作,但是,当我单击图像进行缩放/调整大小时,我看不到控件,除非通过覆盖图像的透明空间。控件位于叠加图像后面,有没有办法强制显示图像控件而不必将整个图像放在叠加层前面?