腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
处理
鼠标
移过
线条
对象
时
Fabric
JS
奇怪
的
问题
javascript
、
canvas
、
html5-canvas
、
fabricjs
我正在开发一个使用
Fabric
.
js
的
对象
绘图画布,在尝试
处理
线条
时
遇到了一些
奇怪
的
问题
。为了清楚起见,我创建了一个非常简单
的
jsfiddle来显示我所看到
的
内容。它是一个事件检查器,用来检查
鼠标
是在一条线上,还是在一个正方形上,还是什么地方都没有。如果你愿意,这些物体是可以移动
的
,固定物体也是一样
的
。正如您所看到
的</
浏览 46
提问于2021-01-28
得票数 0
1
回答
Fabric
.
js
-可以在已经存在
的
对象
之上绘制
对象
吗?
javascript
、
canvas
、
fabricjs
我目前正在开发一个应用程序,该应用程序允许在
fabric
.
js
画布内
的
导入图像上绘制
线条
和形状。到目前为止,我只能在
Fabric
中通过将图像指定为画布背景来做到这一点。当我尝试加载图像并将其放入画布中
时
,通过当
鼠标
悬停在图像上
时
,我无法绘制形状或
线条
。只有当光标放置在图像范围之外
时
,我才能这样做。有没有什么办法可以使用
fabric
.I
浏览 3
提问于2018-01-10
得票数 2
1
回答
如何将onmouseover事件添加到行中?
c3.js
使用c3.
js
,我得到了一个包含多条线
的
线形图。工具提示正确地显示在各个数据点上,我可以使用mouseover属性在数据点悬停
时
触发。 我需要在
鼠标
悬停在某条线
的
任意位置
时
,更改该图中某条线
的
颜色。似乎
线条
被其他形状遮住了悬停事件,因为我甚至不能让pain
JS
或CSS来触发事件。有没有办法让c3.
js
在
鼠标
移过
或移出一行
时
触发事件?
浏览 8
提问于2016-04-27
得票数 2
1
回答
有了两个重叠
的
画布,我可以将
鼠标
事件传递到底部
的
画布吗?
javascript
、
html
、
canvas
、
fabricjs
我正在尝试通过像这样
的
fabric
.
js
来绘制一些指南。但是,我无法
处理
底部画布上
的
这些
对象
,因为顶部画布会中断
鼠标
事件。有没有办法让
鼠标
事件通过底部
的
浏览 0
提问于2015-03-18
得票数 2
1
回答
通过
fabric
.
js
推动D3.
js
输出以支持IE8?
d3.js
、
raphael
、
fabricjs
D34Raphael调整了一些(但不是全部) D3特性,将其输出到Raphael
的
抽象
对象
中,而不是DOM中,这样,在IE8上,Raphael可以将D3
的
输出解释为VML。根据我对
Fabric
文档
的
了解,它似乎可以尝试使用D34Raphael :它支持转换SVG路径、圆圈、多边形、椭圆、rect、行和图像元素,并与允许持续交互
的
抽象
对象
一起工作。我不太喜欢尝试实现这样
的
东西
的
想法,但发现有一些不可避免
的
问题<
浏览 1
提问于2013-07-23
得票数 6
回答已采纳
2
回答
织物
js
-在帆布上悬停而不是点击/
鼠标
向下移动
javascript
、
vue.js
、
html5-canvas
、
fabricjs
当在画布上悬停
时
(使用
Fabric
js
自由绘图),我想模仿
鼠标
向下/单击事件,让用户创建他们
的
绘图/路径。我用
的
是Vuejs,但是我对任何事情都很开放,可以找到解决方案! el: '#app', return {} mounted(){
浏览 2
提问于2019-02-10
得票数 3
回答已采纳
1
回答
为什么添加一个rect,然后设置它
的
左边和顶部,会导致一个可选择
的
“幽灵”在原来
的
位置上?
javascript
、
html
、
fabricjs
我对
Fabric
.
js
很陌生,我真的很喜欢它,但在上运行一个教程示例
时
,我会遇到一些
奇怪
的
行为。代码很简单: var rect = new
fabric
.Rect({left: 0, top: 0, fill: 'redcanvas.add(text, rect); canvas.ren
浏览 1
提问于2015-06-05
得票数 0
回答已采纳
2
回答
多次在defaultCursor中设置
fabric
.
js
javascript
、
html
、
canvas
、
cursor
、
fabricjs
这个是可能
的
吗?这是我
的
密码: if (cursorType ==
浏览 13
提问于2015-11-28
得票数 0
回答已采纳
1
回答
jsPlumb和
Fabric
.
js
集成
javascript
、
html
、
fabricjs
、
jsplumb
我已经用构建了一个web应用程序,用户可以在最初空白
的
画布上添加和绘制几个图形元素。我
的
应用程序已经到了需要交互连接这些图形元素(即用户使用
鼠标
连接)
的
地步。我正在尝试设计最好
的
方法来将这些连接包含在画布中,因为出于美学考虑,用织物绘制
线条
可能不是最好
的
解决方案。 我在中找到了几个连接div和其他dom元素
的
例子。我
的
具体
问题
是:是否可以在
fabric
.
js
在画布中绘制
的<
浏览 4
提问于2014-05-27
得票数 0
1
回答
Highcharts -如何以编程方式更改线宽并防止重置线宽?
highcharts
、
hover
、
width
、
line
我创建了一个折线图,并添加了一个按钮,该按钮
的
单击方法会使
线条
更粗(lineWidth 7pt)。但是,每次我将
鼠标
移到
线条
或图例上
时
,
线条
就会恢复到原来
的
宽度(我相信是2磅)。states: { enabled: false, }但它只能部分解决这个
问题
--在我使用按钮将lineWidth设置为7pt后,在我将<em
浏览 3
提问于2013-06-11
得票数 1
回答已采纳
1
回答
使用Fabricjs渲染跟随
鼠标
的
线条
最终会减慢画布上
的
多条
线条
canvas
、
jquery-animate
、
fabricjs
、
render
我
的
代码可以在画布上
的
每一次点击中绘制
线条
。当
鼠标
按下
时
,它会显示前一行,并在
鼠标
按下
时
结束该行并从同一位置开始一条新行。4 我将两个示例代码组合在一起来生成此代码。其中一个示例允许我只要按住
鼠标
就可以简单地绘制
线条
,这就构成了应用程序
的
主要部分。
奇怪
的
是,对于原始
的
示例代码,不管我在画布上有多少行,新行在mouse:move上总是平滑地移动。当我添加了画图<em
浏览 141
提问于2019-03-25
得票数 3
回答已采纳
6
回答
如何在React中使用
Fabric
.
js
?
reactjs
、
fabricjs
、
react-canvas
我有一个通过使用重度HTML5画布
的
应用程序。该应用程序是基于 1.x编写
的
,我计划将其移植到。我
的
应用程序允许编写文本和绘制
线条
、矩形和椭圆。还可以移动、放大、收缩、选择、剪切、复制和粘贴一个或多个这样
的
对象
。还可以使用各种快捷键缩放和平移画布。简而言之,我
的
应用程序充分利用了
Fabric
.
js
。我找不到太多关于如何将
Fabric
.
js
与React一起使用
的
信息,所以我担心<em
浏览 15
提问于2016-06-01
得票数 49
1
回答
用
fabric
.
js
缩放画布
时
图像
的
像素完美缩放
javascript
、
html
、
fabricjs
我
的
软件是一种带有画笔
的
像素艺术绘制程序,
fabric
.
js
经过了很大
的
修改,以便对
fabric
.
js
对象
进行像素圆整平移(位置总是整数),但是调整图像大小并使其像素与画布
的
比例为1:1仍然是一个
问题
。现在,
fabric
.
js
zoomToPoint函数被用来用
鼠标
轮缩放画布,当图像没有缩放
时
,它们
的
像素与画布相匹配,但当我缩放
浏览 27
提问于2015-04-14
得票数 0
回答已采纳
2
回答
如何使用
Fabric
.
js
来做带有连接
的
类似Visio
的
绘图?
javascript
、
canvas
、
fabricjs
我最近开始在一个项目中使用
Fabric
.
js
,它非常棒。它为画布提供了一个抽象层,并有一个完整
的
“
对象
操作层/掩码”伴随着每个
对象
。我想更进一步,利用它来制作实际
的
图表,
对象
之间
的
连接,以及每个
对象
附带
的
更多“元数据”。已经有人这么做了吗?
Fabric
.
js
是这方面的正确选择吗?有没有想过如何在两个
对象
之间创建“连接器”
对象
,以响应它们
浏览 7
提问于2013-06-27
得票数 8
2
回答
无法移动fabricjs
对象
javascript
、
fabricjs
canvas.selection = false;}) border: 2px dotted green;<script src="https://cdnjs.cloudflare.com/ajax/libs/
fabric
.
js</
浏览 2
提问于2017-09-06
得票数 0
2
回答
当object:over in
fabric
.
js
时
,我想要不透明度1
html
、
canvas
on mouse over on object canvas.on('object:out', function(e) { 当object:over和其他不透明度应为0
时
,
浏览 1
提问于2016-02-21
得票数 1
1
回答
如何在我
的
fabric
.
js
画布中引入基于键
的
事件?
canvas
、
fabricjs
、
dom-events
、
keydown
、
cleartext
我遵循下面的
js
小提琴。https://jsfiddle.net/Jonah/sbtoukan/1/ 下面的代码如下: var canvas = new
fabric
.Canvas('container');e.target.text = "";};} canvas.add(oText); 在上面的代码中,我实现了
鼠标
浏览 148
提问于2020-01-31
得票数 1
回答已采纳
3
回答
物体在完成
时
移动射击
javascript
、
html5-canvas
、
fabricjs
如果
对象
移动事件完成,我想调用一个函数。目前
的
情况如下: recCanvas(canvas) // fire this if finished});
问题
是,每当
对象
被移动
时
,它都会触发该函数,如何防止这种情况,并在移动完成后触发该函数。
浏览 0
提问于2018-03-28
得票数 4
回答已采纳
1
回答
(移动、缩放、旋转)后
的
Fabricjs线坐标-canvas.on(
对象
:修改后
的
…)
line
、
coordinates
、
fabricjs
在修改
对象
之后,我需要找到线坐标(x1、y1、x2、y2)。(移动、缩放、旋转)有什么帮助吗?
浏览 2
提问于2016-05-24
得票数 7
4
回答
当
鼠标
将物体悬停在Fabricjs中
时
,如何显示
对象
包围框?
html5-canvas
、
fabricjs
、
fabricjs2
我想显示
对象
包围框当
鼠标
悬停在像这个视频
对象
,怎么做呢? 我使用canvas.on('mouse:over')和selectedObj.drawBorders函数。但是,大纲框
的
绘制位置不正确。当
鼠标
移出物体
时
,我不知道如何清除轮廓框。这是我
的
代码:$(function() { var canvasObject = document.getElementById("editorCanvas");
浏览 0
提问于2019-05-16
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Canvs的js库:Fabric.js简单强大,用于绘制各种图形。
快速提高前端开发效率:10个JavaScript图像处理库
从零到壹学习Hyperledger Fabric第五讲:编写第一个应用
cad怎么让线条向某个方向移动-想线条移动可试试这个方法
SCP-713-哪里不会点哪里
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券