腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
自定义
钩子
访问
fabric
对象
以
将
背景
图像
添加到
画布
?
javascript
、
reactjs
、
canvas
、
fabricjs
因此,我正在开发这个编辑器,用户可以上传
图像
并在
画布
上进行编辑。为了实现这一点,我
使用
了React和FabricJS。除了我曾经尝试过的一切编辑器之外,FabricJS似乎拥有我想要的一切。我在这里偶然发现了这个answer,并试图
使用
它。 该答案中的
自定义
钩子
消除了另一个问题,即添加多个嵌套的
画布
包装器。现在,如果我只
使用
背景
颜色,它可以正常工作,但当我尝试添加
背景
图像
时,它会抛出一个错误。<em
浏览 14
提问于2021-10-05
得票数 2
回答已采纳
1
回答
带有HTML
画布
的
自定义
绘图工具
open-source
、
javascript
、
drawing
是否有可用的工具
使用
户能够
使用
…?更改
背景
颜色、
图像
等,并允许
将
图像
粘贴到
画布
的任何部分。删除
画布
上的
自定义
块添加文本块或
图像
块,并将位置拖动并更改到
画布
中的任何位置查看管理端的
自定义
卡和所有需要的属性以及就像每
浏览 0
提问于2014-09-12
得票数 4
1
回答
画布
上的
图像
在单击事件中消失
jquery
、
html
、
canvas
、
html5-canvas
、
fabricjs
我正在
使用
Fabric
.js实现一个应用程序,该应用程序允许用户选择
图像
模板,然后在
图像
上写一些文本,然后导出
图像
。我试过初步实施。我遇到的问题是,在
将
图像
显示在
画布
上之后,
图像
在单击
图像
后消失。javascript: console.log("entering the ad_man js file"); canvas
浏览 8
提问于2014-03-15
得票数 1
1
回答
如何
检查
fabric
对象
是否为视频?
fabricjs
、
fabricjs2
Fabricjs似乎
使用
fabric
.Image来创建
图像
或视频。在多个用例中,如果我通过事件或循环遍历
fabric
画布
来获取某个
fabric
对象
,则需要区分该
对象
是
图像
还是视频。如果我
使用
fabricObject.type,我
将
获得视频
对象
和
图像
对象
的" image“类型。是否有其他属性可供我检查
以
确定哪个是哪个?也
浏览 29
提问于2021-02-11
得票数 0
2
回答
用
图像
对象
序列化和反序列化
画布
(Fabricjs)
javascript
、
fabricjs
我
使用
fabric
.js
将
图像
对象
添加到
画布
中。序列化工作正常,但反序列化后
画布
对象
为空。Console.log(JSON.stringify(
画布
))返回:{“
对象
”:[],“
背景
”:“”}var canvas = new
fabric
.Canvas('goCanvas');
fabric
.Image.f
浏览 9
提问于2015-08-21
得票数 1
回答已采纳
1
回答
如何
使用
canvas css属性导出
Fabric
JS?
javascript
、
css
、
canvas
、
svg
、
fabricjs
我是
Fabric
JS和
画布
操作方面的新手。 而不是覆盖整个
画布
。问题是当我尝试导出SVG时,没有发送css
背景
图像
。有没有办法在SVG文件中包含css属性? 谢谢
浏览 12
提问于2017-06-21
得票数 0
1
回答
如何
使用
fabric
js通过仅覆盖矩形的孔?
fabricjs
、
crop
、
globalcompositeoperation
我正在
使用
fabric
js版本1.7.22进行
图像
裁剪。通常,每个裁剪器都在
图像
上显示黑色透明叠加(其中
图像
看起来很单调),并且还显示一个矩形。(
图像
看起来充满颜色的裁剪区域)。我们可以
使用
fabric
js和
背景
图像
和
fabric
.Rect
对象
来创建此功能。我的问题是,当我
使用
带有destination-out属性的GlobalCompositeOperati
浏览 28
提问于2019-11-05
得票数 1
回答已采纳
2
回答
image1上的重叠image2
javascript
、
jquery
、
html
、
css
、
canvas
var canvas = new
fabric
.Canvas('canvas'); reader.onload = function (f) {
fabric
.Image.fromURLajax.googleapis.com/ajax
浏览 35
提问于2016-08-01
得票数 3
回答已采纳
2
回答
如何
在发送到服务器之前减小
画布
图像
的大小
canvas
、
fabricjs
我正在
使用
Fabric
.js。当我尝试
使用
canvas.toDataURL(' image /png')
将
画布
图像
发送到服务器时,大约需要40秒。我将其转换为blob,但也需要25-30秒。当我减小
画布
大小时,它会减小
背景
图像
的大小,但
对象
(文本和
图像
)显示在
背景
图像
之外(减小而不是成比例)。
如何
最小化上传时间?
浏览 2
提问于2013-06-20
得票数 2
回答已采纳
1
回答
电子与createPNGStream
canvas
、
electron
、
fabricjs
我不能让createPngstream在电子领域和to一起工作const
fabric
= require('
fabric
').
fabric
; let canvas = new
fabric
.Canvas(null, { width:
浏览 4
提问于2019-09-10
得票数 0
1
回答
在
Fabric
.js中获取单击
对象
的当前光标位置
javascript
、
html5-canvas
、
fabricjs
我正在开发一个涉及HTML
画布
特性的Web应用程序。我
使用
Fabric
.JS - 在其上呈现
对象
。在
Fabric
.Js中,我可以实现
对象
的事件侦听器,就像在这个链接- 中一样。现在,我
将
向
画布
中添加一个
图像
对象
,并将鼠标事件侦听器实现到该
图像
对象
。当单击
画布
上的
图像
对象
时,我希望检索单击
图像
的位置(x,y)。但
浏览 2
提问于2018-05-17
得票数 1
回答已采纳
1
回答
Fabric
JS中
自定义
图像
的笔触
fabricjs
、
stroke
我正在尝试
使用
Fabric
JS在
添加到
画布
中的
图像
周围创建笔划。我
添加到
具有透明
背景
的PNG中的笔画如下所示:虽然我试图在
图像
“周围”创建笔触,并将笔触粘贴到
图像
的边缘,但
Fabric
JS只是创建了一个“方形”笔划。我
如何
才能完成笔画“围绕”
图像
,任何想法?我似乎找不到任何文档或演示来完成我想要做的事情。 谢谢
浏览 0
提问于2019-05-23
得票数 2
1
回答
将
背景
图案
添加到
画布
中的png
图像
javascript
、
html
、
canvas
、
fabricjs
正如标题所说,我想将
背景
图案
添加到
png
图像
(而不是整个
画布
)。我尝试了各种指南,但它们都是关于通过
使用
canvas的createPattern方法或
使用
background-image的css属性向整个
画布
添加
背景
模式。 是我正在创建的。如您所见,
画布
上有各种png
图像
(左臂、右臂、身体等)。而且它们都是可定制的。现在,我想向这些png
图像
添加重复模式。这些重复模式本身就是一个
图像</em
浏览 1
提问于2015-01-02
得票数 2
5
回答
在另一个
画布
中添加
画布
: obj.setCoords不是一个函数(
fabric
)
javascript
、
html
、
canvas
、
html5-canvas
、
fabricjs
开始
使用
fabric
.js,并尝试在另一个
画布
中添加一个
画布
,这样顶层
画布
保持不变,我
将
向内部
画布
添加
对象
。<canvas id="innerCanvas" width="200" height="
浏览 17
提问于2017-06-08
得票数 14
回答已采纳
2
回答
fabric
js -生成的
图像
中的
对象
与
画布
中的
对象
具有不同的位置
javascript
、
node.js
、
canvas
、
fabricjs
我正在尝试
使用
Fabric
js来生成一些带有文本的
图像
。但是由于某些原因,文本在生成的
图像
中的位置与
画布
中的位置不一致。下面是
画布
中的
图像
:但生成的
图像
如下所示:我给
画布
的大小是881x640,和我给
图像
的输出大小是一样的。我从URL
将
背景
图像
添加到
画布
中。但在此之前
浏览 1
提问于2014-08-15
得票数 1
1
回答
使用
FabricJS
将
模式
添加到
png
图像
(在
画布
中)
javascript
、
canvas
、
fabricjs
我试图
将
模式
背景
添加到
已
添加到
画布
中的png
图像
中。我
使用
了
fabric
js提供的setPatternFill方法。但这不管用。 然而,当我试图向矩形中添加模式时,它还是起作用了。
浏览 2
提问于2015-01-03
得票数 0
回答已采纳
1
回答
fabric
.js缩放整个
图像
的最简单方法
javascript
、
node.js
、
fabricjs
我在客户端
使用
fabric
.js,允许用户在浏览器中创建
图像
,然后
fabric
.js
将
图像
序列化为json并发送到节点服务器。然后后台
将
JSON字符串反序列化为
对象
,并在本地
将
图像
保存为文件。问题是: 结果
图像
必须很大,例如3000x3000px,现在我
使用
<canvas width="600" height="600"><
浏览 70
提问于2017-08-08
得票数 0
回答已采纳
2
回答
将用户计算机中的
图像
添加到
画布
javascript
、
jquery
、
html
、
canvas
、
fabricjs
目前,无论
如何
将计算机用户的
图像
添加到
画布
上,我都遇到了一个问题。我正在
使用
输入按钮从计算机获取文件,它调用一个函数,该函数
将
图像
添加到
画布
中。到目前为止,我已经尝试了不同的方法
将
图像
添加到
画布
中,就像下面这种方法一样: 但是这里显示的代码在我的例子中不起作用,因为它只是
将
图像
绘制到
画布
中,但它不允许它像Fab
浏览 0
提问于2013-03-05
得票数 8
回答已采纳
1
回答
如何
将
织物组的边界框旋转和尺寸设置为与其
对象
相同
angularjs
、
fabricjs
注意:我已经
将
已旋转的文本和矩形
添加到
组中。我尝试
使用
addWithUpdate(),但不起作用。我也试着给Group赋予角度,但它的旋转子
对象
又一次。我想要的是组的边界框应该是相同大小的子
对象
(矩形,作为边界)和与相同的
对象
旋转角度。
浏览 19
提问于2021-01-06
得票数 0
1
回答
使
fabric
.js
对象
按特定的层顺序呈现
javascript
、
reactjs
、
image
、
canvas
、
fabricjs
我
使用
fabric
.js和react.js
将
某些
图像
添加到
画布
中。Components (我希望这是顶层)-comp.src = currentComp= () => { patternImg.src = curren
浏览 6
提问于2021-01-02
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
快速提高前端开发效率:10个JavaScript图像处理库
用了Fabric.js后突然想到了...
如何使用CHARTJS创建JAVASCRIPT图表
NVIDIA 画布 1.4.306 Beta,让你变成一个AI画家
Google数据洞察工具Data Studio的功能介绍
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券