konvajs 相关问题

Konva是一个HTML5 Canvas JavaScript框架,支持桌面和移动应用程序的高性能动画,转换,节点嵌套,分层,过滤,缓存,事件处理。

在 Konva React JS 中创建框架并获取绘图坐标

我有以下代码文件App.js,使用此代码我可以使用鼠标事件绘制正方形/矩形形状。 请参阅此处的工作:https://www.awesomescreenshot.com/video/18588785?key=

回答 1 投票 0

在画布上绘制平滑的线条

我想在画布上画一条线 context.globalCompositeOperation = '目的地输出'; 上下文.globalAlpha = 0.118; 结果如下: 如果图像是黄色记录,则背景...

回答 2 投票 0

在 Konva.js 中模拟图像的“object-fit:contain”

我正在尝试制作可调整大小的图像,其内容完全适合矩形。我找到了如何模拟 object-fit: cover 的解决方案,但我需要包含。 我做了一些解决方案: const 宽度 = size.width; 常量 h...

回答 1 投票 0

为什么形状调用函数draggable()时浏览器会报错?

我想在选择形状时使形状可拖动,在未选择时使形状不可拖动 为什么浏览器报告draggable不是一个函数? 当实例初始化时,它是不可拖动的 绘制(地图,

回答 1 投票 0

如何渲染“战争迷雾”风格的重叠矩形,以计算有效的方式隐藏和显示区域?

我正在尝试在 Konva React 画布中创建一个“战争迷雾”系统,类似于您在 Roll20 或其他虚拟桌面上可能找到的系统。画布上的矩形应该隐藏(显示

回答 1 投票 0

在可拖动图层上变换多边形

我正在查看过去的演示,该演示是为了在多边形上使用 Transformer 组件而组合在一起的。这一切都运行良好并且适合我的用例,但是当规模调整时我遇到了问题......

回答 1 投票 0

React Konva - 在可拖动图层上变换多边形

我正在查看过去的演示,该演示是为了在多边形上使用 Transformer 组件而组合在一起的。这一切都运行良好并且适合我的用例,但是当规模调整时我遇到了问题......

回答 1 投票 0

如何在 Konva 中通过另一个图像来剪辑图像,就像 Fabric.js ClipPath 一样

如何通过另一张图像剪辑图像? 我需要像 Fabric.js ClipPath 中那样的行为 - 一个图像剪辑另一个图像。主图像将是可调整的 - 可拖动和可缩放,剪辑图像将是静态的。主要我...

回答 1 投票 0

如何使用 konva js 库创建(改进)具有幽灵轨迹效果的移动点

我使用 Konva javascript 库制作了一个小应用程序,其中有一个可拖动的点,会留下一种幽灵痕迹效果。如果点移动速度很快,但效果会下降...

回答 1 投票 0

如何根据行总高度增加变压器和文本?

我正在努力更新变压器的高度以匹配内部文本的总高度,当我减小变压器宽度时,文本会分成几行,导致它们超出

回答 1 投票 0

React Konva 自定义上下文/画布(与 canvas2svg 一起使用)

我们正在使用react-konva,它呈现一个管理底层画布/上下文的组件。 我们想将 canvas2svg 与它一起使用,它基本上是画布上下文的包装器...

回答 2 投票 0

有什么方法可以在 Konva 上导出为 SVG

在我的项目中我使用konvajs。有什么办法可以导出为 SVG 图像吗?

回答 3 投票 0

将 Canvas 从 React Konva 导出到 SVG 和 PDF?

目前,我只能使用 jpeg 和 png 导出,例如: stageRef.current?.getStage().toDataURL({ mimeType: 'image/jpeg', 质量: 1 }) stageRef.current?.getStage().toDataURL({ mimeType: 'image/png',

回答 3 投票 0

使用 Rotate Group Konvajs 时保持在界限内

我正在调整图像大小并将其放入组中进行裁剪,并且我正在限制图像的拖动。 当组轮换为 0 时效果非常好。 但是,当我旋转组时,拖动限制会...

回答 1 投票 0

konva 在缩放舞台时始终保持一层固定

我正在创建一个角度应用程序并使用 KonvaJS 在 Canvas 上绘制所有形状。在此应用程序中,我创建了三层。其中一层将用于绘制轴(x 和...

回答 1 投票 0

KonvaJS toDataURL 场景导出到图像不适用于谷歌云图像

我有 Konva 场景,其 url 指向 google 的图像可以存储桶。图片是公开的,可以通过浏览器简单地通过 URL 打开。尝试使用导出场景时 场景.toDataURL() 我...

回答 1 投票 0

如何通过图像填充Konva.Js中的rotateAnchor?

当我加载图像时,旋转图像的位置恰好位于加载图像的中间。但是,缩放时,位置是固定的,不会调整到图像的新宽度。 W...

回答 1 投票 0

将 Vanilla JS Canvas 方法与 Konva Stage 结合使用并解决缺失的功能

我正在开发一个网络项目,涉及创建像 Canva 这样的网站。由于其易用性和交互功能,我决定使用 Konva 库来管理基于画布的图形。哈...

回答 1 投票 0

点击负空间时如何不选择对象?

使用FabricJS,有没有办法在单击负空间时不选择对象?假设该对象是动态绘制的非矩形形状,例如星星。 选择;作品:供参考,

回答 1 投票 0

响应阶段存在对齐图像问题

我正在尝试让我的 Konva 舞台响应式,我遵循了本教程: https://konvajs.org/docs/sandbox/Responsive_Canvas.html 我做了一些更改,我需要的是能够添加...的任何图像

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.