腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4849)
视频
沙龙
1
回答
FabricJS
:
绘图
时
平移
画布
、
、
this.requestRenderAll(); this.lastPosY = e.clientY;}); 在演示中,当您接近
画布
的边缘
时
,
画布
应该
平移
以允许更多的绘制空间。然而,当
平移
发生
时
,
绘图
(路径)在
画布
上是静态的;它不会随着
画布
平移
而拉伸。 有没有办法解决这个问题?
浏览 54
提问于2021-01-08
得票数 0
2
回答
Fabricjs
对象控件在
画布
外部可见
、
我使用fabric.js的HTML5交互式
画布
应用程序。如果对象的缩放比例大于
画布
,则控件在
画布
外部不可见。如何让它在
画布
外可见,或者有没有一种方法可以在css中设置这些控制器的样式。
浏览 1
提问于2014-07-13
得票数 3
1
回答
Fabricjs
: canvas内存使用量超过iPad中的最大限制
、
、
、
在实现
Fabricjs
时
,我们遇到了canvas内存限制错误。我们已经注意到,旧版本的Fabric (1.3.0)将所有
绘图
合并到单个
画布
中,从而使
画布
内存消耗保持可管理,但在最新版本中,每个操作都存在于单独的
画布
中。在最新版本的
Fabricjs
中,是否有一种方法可以强制所有
绘图
和操作仅应用于主
画布
,而不创建辅助
画布
请注意,我们已尝试停用对象缓存,但未成功: fabric.Object.prototype.obje
浏览 75
提问于2019-06-27
得票数 0
1
回答
在
fabricjs
画布
中播放自由
绘图
。通过序列化和反序列化
、
、
我正在使用
fabricjs
canvas来绘制自由
绘图
。我想做的就是把我的画录下来,然后播放..意思是我在
画布
上画画..并序列化它..在那之后,我想让它反序列化,并在
绘图
时
播放它..类似这样的东西:在ramkulkarni的这篇文章中,有一些东西,但我不能在我的
fabricjs
画布
上实现它。我访问了
fabricjs
网站的序列化,但我找不到播放它… 另外,如果可能的话,我想把它保存为gif格式。但是现在玩耍是非常重要的。谢谢你..
浏览 0
提问于2015-11-13
得票数 1
1
回答
相对于图像的
FabricJS
对象坐标,而不是整个
画布
、
、
我正在尝试使用
FabricJS
库创建一个小型网站,它为web元素添加了其他特性。 然而,我的问题是,我想调整
画布
的大小(红色),这样它就能填满整个网页。在这个
画布
上,有一个背景图像(绿色),我将在上面创建一些
绘图
(橙色,这可能是线条,方块,.)。现在,我想将相对坐标系统中的所有
绘图
导出到图像,而不是整个
画布
,因为应该可以自由移动,放大/缩小图像,以获得增强的
绘图
体验。关于如何解决这个问题,我的想法是计算相对于
画布
的图像位置,并从图纸中减去它们
浏览 2
提问于2020-07-28
得票数 1
1
回答
如何将
平移
限制到
画布
边缘?
我使用
fabricJS
编辑图像,我已经实现了一个缩放工具和一个
平移
工具。if (!this.firstPositionPan.x = x;问题是,无论我是否缩放,当我使用
平移
时,我可以将我的图像移动到
画布
之外。我想把移动限制在
画布
的边缘,但我不知道该怎么做。 有什么建议吗?
浏览 1
提问于2017-01-27
得票数 2
0
回答
Fabrics如何在鼠标释放之前渲染自由
绘图
内容
、
、
、
我有一个组件,它在事件"after:render“中使用
fabricjs
画布
内容,这与添加对象、移动对象等所有功能都很好地配合使用。然而,当涉及到自由
绘图
时
,"after:render“事件仅在
绘图
完成
时
触发,即鼠标释放事件。我试图在鼠标绘制
时
读取
画布
数据,但没有运气,显然在绘制过程中内容还没有渲染到
画布
上。我从这个PR 中了解到,自由
绘图
是在这个contextTop元素上绘制的,我的问题是,我可
浏览 8
提问于2018-07-17
得票数 2
1
回答
FabricJS
- Javascript - PHP :在服务器上导出SVG保存
、
、
、
、
我使用
FabricJS
库在
画布
上
绘图
。然后我想将
画布
保存在服务器端。我不知道如何将它保存在.svg文件中。我应该使用哪个
FabricJS
函数来导出SVG数据?我应该使用哪个PHP函数来编写文件?谢谢
浏览 4
提问于2017-03-02
得票数 2
回答已采纳
1
回答
如何在
fabricjs
中实现“基于像素”的自由
绘图
、
、
我正在尝试为我的
fabricjs
-based 0.5不透明度自由
绘图
应用程序做一个‘橡皮擦’(具有非平凡的背景图像),即所有
绘图
都是半透明的,我们仍然可以通过自由
绘图
看到背景。然而,据我所知,默认情况下,所有的自由
绘图
都是“基于路径的”,也就是说,我们绘制的所有内容(在鼠标按下和鼠标打开之间)都会被捕获为
画布
中的单个路径,因此不可能擦除路径的任意部分。所以我在想,也许我们可以手动捕获鼠标按下/向上事件,然后逐个绘制图像,然后用opacity=0.5将其放在
画布
浏览 2
提问于2014-01-26
得票数 0
1
回答
在
fabricjs
库中添加许多由按钮触发的形状
、
、
、
、
我正在使用
fabricjs
库制作一个
绘图
应用程序,其中每个形状都有一个按钮来创建问题是如何编写代码,以便每次单击按钮创建形状并添加到
画布
上的次数与他单击的次数相同,即如果我想要五个圆,我将单击圆形按钮五次,依此类推...我正在使用
fabricjs
库制作一个
绘图
应用程序,其中每个形状都有一个按钮创建问题是如何编写代码,以便每次单击按钮创建形状并添加到
画布
上的次数与他单击的次数一样多,也就是说,如果我想要五个圆圈
浏览 2
提问于2014-04-08
得票数 0
1
回答
如何在
FabricJS
中移动基础
画布
?
、
我对如何使用
FabricJS
实现这一点感到困惑。overflow: hidden; height: 380px; overflow: visible这有效地在容器中创建了一个更大的
画布
我希望Fabric中内置了一些东西,可以让我将整个
画布
“移动”到整个
画布
的不同部分。基本上,我们的目标是在一个更大的整体
画布
上有一个更小的可见区域。我的目标是让移动图标在可见
画布
上,当它处于选择模式
时
,这样用
浏览 4
提问于2013-04-30
得票数 2
回答已采纳
3
回答
画布
编辑器
、
、
我面临着一个使用
画布
标签和JavaScript绘制复杂图像的问题。 我需要一个工具,或者我们可以说编辑器,通过它我可以画任何图像。
浏览 4
提问于2013-03-18
得票数 6
1
回答
如何在html5中悬停对象的锚点
如何从HTML5
画布
中实现这一点?如何使用
画布
库连接对象?
浏览 4
提问于2013-03-19
得票数 0
1
回答
如何实现单个
画布
缩放/
平移
、
、
我有一个
画布
元素(填充了手工制作的像素值,而不是现有的图像),我想在
画布
上实现缩放/
平移
控件,有没有现成的库可以做到这一点? 非常感谢!
浏览 6
提问于2012-08-11
得票数 1
回答已采纳
2
回答
在
FabricJs
中加载镜像
、
、
、
我正在与
FabricJs
一起工作,其中我正在设计一个web模板。当canvas加载对象(多个图像和
绘图
对象)
时
,我有一个要求来显示加载的图像。但我找不到在所有对象都加载到
画布
上后呈现的事件。
浏览 1
提问于2014-11-27
得票数 1
1
回答
将图像从CGContext保存到背景上
、
、
、
上下文当用户处于完全不同的场景
时
,我想将
绘图
保存到图像中(png,jpeg并不重要),点击upload将
绘图
的图像发送到服务器。但我想不出如何在背景上创建上下文,从存储的数据复制
绘图
,然后将其导出到图像,而不将其呈现在屏幕上。当用户在
画布
场景中
时<
浏览 16
提问于2022-07-14
得票数 0
回答已采纳
1
回答
使HTML5
画布
的行为类似于缩放/
平移
的TclTK
画布
?
经过几个小时的工作,我了解到,当你“缩放”或“翻译”HTML5的
画布
元素
时
,它只适用于未来的
绘图
,而不适用于
画布
上已经存在的项目。还是我错过了什么重要的东西?
浏览 3
提问于2012-08-25
得票数 0
回答已采纳
1
回答
将
fabricjs
集成到现有应用程序的步骤
存在具有3个
画布
的遗留应用程序。第一
画布
用于显示存储在容器中的对象,第二
画布
用于选择对象,第三
画布
用于移动或添加对象以进行编辑。我想在我现有的应用程序中使用
fabricJS
的文本和图像特性。在创建
fabricJS
画布
时
,我提供了编辑
画布
对象,然后绑定到编辑
画布
的所有鼠标事件都停止工作。因此,只有使用
fabricJS
的文本和图像特性才能在现有的应用程序中使用
fabricJS
。
浏览 1
提问于2022-03-18
得票数 0
1
回答
用于查看图像的JS库,在其上进行
绘图
,并按一下以缩放。
、
、
目前,我正在使用带有图像的
画布
作为使用
FabricJS
操作的背景,以便使用属性isDrawingMode: true轻松地在其上进行
绘图
。问题是用户想要缩小图像,而我不知道如何使用
FabricJS
进行缩放,我已经找到了其他库,比如Pixi.js,但对于我的用例来说,它们看起来真的很复杂:查看图像(它不需要整个屏幕),绘制并缩放图像,保存结果
浏览 0
提问于2016-03-21
得票数 2
1
回答
如何在uwp中获得触摸输入?
、
、
、
我需要如果用户用一个手指触摸
画布
控件,
绘图
过程必须开始,如果用户用两个手指触摸
画布
控件,
画布
区域必须滚动/
平移
。我该怎么做? 谢谢
浏览 3
提问于2016-08-26
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
canvas API画布绘图接口应用
我将fabricjs换为了leaferjs
Canvs的js库:Fabric.js简单强大,用于绘制各种图形。
基于canvas实现图片的动态拖拽、缩放以及裁切
ZBrush中必须记住的常用快捷键
热门
标签
更多标签
云服务器
ICP备案
对象存储
云直播
腾讯会议
活动推荐
运营活动
广告
关闭
领券