腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
KonvaJS如何处理
画布
上的绘图
、
、
我真的很喜欢
Konva
语法 <Layer> </Layer>然而,源代码使我感到困惑。我理解<Circle />的方式实际上并不是在其呈现
中
返回DOM元素。相反,它在上面定义的
画布
上绘制。 它是如何做到这一点的。有人能给我指一下密码吗
浏览 2
提问于2018-12-04
得票数 0
回答已采纳
1
回答
Konva
从外帆布拖到舞台上
、
、
我有一个
Konva
舞台,目前显示了一系列的
形状
。我想要一个
形状
面板,在那里我可以拖动
形状
并插入到
画布
中
。目前有两种方法可以做到这一点: 我宁愿选择2;能够使用CSS对
形状
面板进行样式化,并产生许多其他与DOM相关的好处
浏览 2
提问于2019-02-23
得票数 1
回答已采纳
1
回答
Konva
反应-悬浮DOM元素的碰撞检测
、
我用的是对
Konva
的反应。我将一个DOM元素拖到
画布
上,并创建一个
Konva
节点,就像文档
中
的狮子演示一样,但我从丢弃的元素创建了一个循环
形状
。我希望在用户在悬停时将DOM元素放到
画布
上之前进行一些验证。它应该将
画布
上现有的圆圈
形状
与悬浮的DOM元素进行比较(它将替换它悬停在上面的圆圈),这样如果有这样的
形状
,它就会替换现有的
形状
,或者如果没有这样的元素,就直接删除它。我是否需要在用户开始拖动时将DOM元素“转换”
浏览 0
提问于2021-11-08
得票数 0
回答已采纳
1
回答
你能用
画布
填充
形状
吗?
我希望能够用
画布
填充一个
形状
;有可能让一个
konva
canvas生成动画,并用它更新另一个
konva
canvas
形状
,遮蔽在路径
中
。这个是可能的吗?
浏览 36
提问于2020-07-10
得票数 0
1
回答
在
Konva
层或Stage中使用背景图像
、
在VueJS中使用
Konva
时,如何将背景图像
添加
到我的舞台或图层?我已经尝试在层和阶段上应用config
中
的fillPatternImage,但都没有效果。在文档
中
找不到任何关于这个的东西,除了可能在其中一个层
中
添加
一个大矩形并填充它。你知道该怎么做吗? 下面是我在单个
形状
上使用它的一些代码。我可以在层/组/阶段级别上做一些类似的事情来设置背景吗?
浏览 319
提问于2020-03-22
得票数 1
回答已采纳
1
回答
可以在
konva
.js
中
为矩形元素设置模糊吗?
、
我想在我的React应用程序
中
对rect元素使用模糊(比如css
中
的filter: blur )。我试着在
konva
教程之后使用它,但它不起作用。有可能吗?我做错了什么?这是我在React应用程序code sandbox.
中
实现这一点的尝试
浏览 63
提问于2021-08-15
得票数 0
回答已采纳
2
回答
如
何在
两个
画布
中
添加
konva
形状
?
、
在HMTL
中
,如果我有一个
konva
Rect元素。我想把它
添加
到
两个
阶段的
两个
konva
层上,但只有第二个阶段有Rect?var width = window.innerWidth; width: width/2,
浏览 20
提问于2019-10-14
得票数 1
1
回答
有什么办法可以随意画传单地图吗?
、
、
、
似乎找不到任何解决办法,可以自由地在传单地图上绘制(可能使用
画布
/
konva
)。现有的解决方案(
如
leaflet.freedraw)产生传单矢量
形状
,这对我的项目是不理想的。有可能吗?
浏览 0
提问于2019-07-28
得票数 1
回答已采纳
1
回答
如
何在
不删除图像的情况下删除用画笔绘制的线条
、
、
、
、
我在第一个例子中使用了https://konvajs.org/docs/sandbox/Free_Drawing.html,但也在stage
中
添加
了图像。但是当我删除绘制的线条时,图像也被删除了。
浏览 28
提问于2020-04-26
得票数 0
2
回答
放大到
konva
.js
中
的特定
形状
、
我的问题是:我有
两个
形状
在舞台上和按钮点击,我需要放大到特定的
形状
和它的位置。你知道怎么做吗? 我已经检查了教程的缩放到指针的位置和舞台的中心。
浏览 15
提问于2021-08-16
得票数 1
1
回答
我怎么才能用来修饰图像呢?
、
、
、
我创建了一个类,根据
Konva
网站上的,使用事件侦听器将图像加载到
画布
中
。// import
Konva
from
浏览 2
提问于2020-03-25
得票数 0
回答已采纳
1
回答
使用
画布
形状
名称突出显示鼠标悬停
画布
形状
上的HTML元素
、
、
、
我的javascript
画布
应用程序有一些问题,当鼠标鼠标光标位于
画布
形状
上时,我试图更改
画布
区域外html元素的背景色。我在使用
konva
图书馆。我在代码中试图做的是,当鼠标光标在
画布
元素
形状
构建上时,针对html侧文本类并对其背景进行着色。移动到不同的建筑物,它突出了不同的文字元素,以显示哪些区域在该建筑物。当游标离开
画布
建筑区域而不在任何其他建筑物上时,它就不会高亮显示任何文本元素。就像一张互动地图。所以我要问的是,当我在
画布
<
浏览 1
提问于2017-11-14
得票数 0
回答已采纳
1
回答
如
何在
Konva
中
设置初始阶段的颜色?
、
、
、
我刚刚从
Konva
开始,我想知道是否有一种方法来设置舞台颜色?默认情况下,它是一种亮灰色,如果可能的话,我想改变它,而不必
添加
一个矩形并填充它。
浏览 8
提问于2017-11-08
得票数 2
回答已采纳
1
回答
使用react-
konva
在
画布
上设置GIF动画
、
、
、
、
我已经使用react-
konva
创建了一个2D
画布
。我已经知道如何将图像导入到这个
画布
上,但我在尝试制作gif动画时遇到了问题。有关于如
何在
konva
中
实现它的文档,但我似乎无法将其转换为react-
konva
。 在
konva
中
执行此操作的文档提供了here。
浏览 68
提问于2020-03-17
得票数 1
回答已采纳
1
回答
KonvaJS,可能是掩蔽而不是clipFunc?
、
、
、
假设我需要一个在复杂
形状
中
可拖动的图像。因此,我想知道,是否可以使用掩蔽与
Konva
.Group,而不是clipFunc或一种方式,将掩蔽图像转换为
画布
剪辑路径和使用与clipFunc! 像这样:
浏览 0
提问于2017-07-14
得票数 0
1
回答
KonjaJs用toDataUrl保存背景图像
、
我正在使用konvajs ( )创建一个网页,用户可以将家具图像拖放到带有背景图像的
画布
中
。然后用户可以单击submit按钮,我调用stage.toDataUrl(),将其存储在文本区域并保存到数据库
中
。除了加载基本64字符串时,我的背景图像丢失了,但所有其他拖放图像都在那里。var stage = new
Konva
.Stage({ width: 800,(); back
浏览 0
提问于2020-02-23
得票数 2
回答已采纳
1
回答
将
Konva
缩放到可见区域的中心
、
、
、
Konva
.js被用来实现可缩放的白板,但我正在努力实现它,当缩放时,可见区域中的对象将停留在区域的中心。所以,这里有一个例子: 100%且位置不变的图片(绘制的“红色1”大致在中心): ? newPosition, }) } 如何调整上面的函数,以使可见区域中心的任何对象在舞台缩放后留在中心(在给定的示例
中
,
浏览 215
提问于2021-10-01
得票数 0
1
回答
如何缩放多边形,而不需要翻译出javascript
中
的坐标列表?
、
、
、
我有一个坐标[x1,y1, x2, y2 ....]数组,它表示html
画布
上的一个多边形。我正在使用KonvaJS绘制多边形。我尝试了以下几点: 对于
浏览 2
提问于2022-06-28
得票数 0
1
回答
如何保存在Node.js后端前端创建的
画布
动画?
、
、
、
、
以下是我尝试过的:动画包括文字、图像、
形状
等。我想做更改文本和渲染1000 s的视频在后端。我不确定
Konva
.js库是否是正确的方法。我能够运行文本动画并将它们保存在后端,使用一种将帧转换为视频的方法。我知道的概念,我可以在后端渲染视频使用无头浏览器,
如
幻影或普佩蒂尔。 这意味着在大规模部署它时,会有太多的计算资源,还有其他好的方法吗?
浏览 8
提问于2022-01-19
得票数 3
2
回答
使用Rough.js作为
Konva
渲染器
、
、
试图使用Rough.js渲染部分的
konva
阶段,但没有成功。Rough使用对
画布
的引用来绘制,但是
konva
层上的getCanvas()和toCanvas()似乎都做不到这一点。想法?// Combined code container: 'roughAndKonva', height: 200const clayer = new
Konva
.La
浏览 0
提问于2019-05-20
得票数 1
回答已采纳
点击加载更多
相关
资讯
Canvas的js库:Konva.js-像操作DOM一样,操作canvas
Word中绘制流程图的正确姿势 这招必须要了解
14-HTML标签
移动端AI绘图生成器哪家免费
微软 Whiteboard 白板上线谷歌 Play Store
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券