问题标签 [konva]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何保持 Konva 图像纵横比？
我试图保持图像的纵横比。这是演示“https://konvajs.org/docs/shapes/Image.html”的链接
有没有办法在允许调整大小的同时保持比例纵横比，我能够在文本上添加纵横比但不能在图像上添加纵横比？
konvajs - Konva React - 访问“clickStartShape”
我正在尝试访问拖动事件的“clickStartShape”属性，如下所示：
但没有运气......即使它存在。
它无法编译：“节点”类型上不存在属性“clickStartShape”。TS2339 我在这里做错了什么？谢谢！
javascript - 如何在 Konva 中正确设置过滤器？
我有一个获取十六进制颜色并以以下格式返回对象的函数：
我试过这个，但是颜色不对。
属性集始终相同。应该改变什么才能正常工作？
javascript - 以旋转音符为中心放置节点
我有以下示例阶段。
当矩形没有旋转时，我可以将工具提示正确放置在节点的中心。当矩形有一些旋转时，工具提示不再居中。
在不改变矩形属性或旋转工具提示的情况下，如何将工具提示放置在矩形节点的中心？
JSBIN 示例：
javascript - 如何使用 Konva.Image 模拟背景位置行为？
在展示我的舞台之前，我需要加载大约 50 张图像。我想减少请求的数量并加载一个包含我需要的所有图像的大精灵，然后在任何地方使用它，但要使用正确的偏移量。就像我们在 CSS 中使用 background-position 属性一样。
在文档中没有找到任何关于它的信息 - 这甚至可能吗？
canvas - React Konva - 隐藏锚点以调整大小
是否可以隐藏锚以放大/缩小对象？如果可以在任何地方（不仅仅是在定义的点）抓住边缘，那将是最好的。我正在使用矩形（我知道在不同类型的对象中不是很好的解决方案......）
javascript - Konva 动画和拖放在我的小米设备上超级慢
我有一个用 Konva.js 编写的应用程序，它在我 13 岁的 PC 和我妻子的 iPhone XR 上都运行得非常顺畅——简直完美。但是，每当我在我的小米红米 9 Pro 和我的老款小米红米 Note 4X 上在包括 Chrome、Opera 和 Firefox 在内的许多不同浏览器中运行它时，它真的很慢。我有使用 Konva.Tween 和一些可拖动节点的动画，它们的工作速度都非常慢，FPS 似乎接近于零。
最奇怪的是，我尝试在拖动开始之前将可拖动节点移动到单独的层，它根本没有加快拖动速度，一点也没有，至少在视觉上，我没有测量实际的 FPS。所以对我来说，我似乎面临着手机性能的限制，或者还有其他我看不到的东西。
可能导致问题的原因是什么？
konvajs - 在 konvajs 中将某个对象拖放到它们上后，是否可以旋转一个组？
我正在尝试为称重机设置动画，即如果用户将球拖放到机器的重量上，机器应该随后根据球的重量移动。
称重机从一开始就不会被激活，但是当用户将一些球放在机器的两侧时它会移动。
我正在使用 konvajs，我怎样才能做到这一点？
typescript - konva 2D 绘图 - 我可以在鼠标按下事件中发送另一个变量吗？
我想在鼠标事件中发送另一个值，因为我的 handleMouseDown 函数在另一个文件中。
但我得到了错误：
我尝试从初始化文件导出我的阶段，然后导入另一个文件，但我无法从导出默认值导出值
错误：修饰符不能出现在这里
请问有人有什么想法吗？
restore - 如何在从 JSON 加载阶段后显示转换器
我正在使用与变压器在同一组中的形状。我想保存舞台并稍后打开它以再次操作它。
恢复保存的阶段后，不显示变压器。这是一个简单的演示 - json 包含正在恢复的阶段： https ://jsfiddle.net/lidija/x7yn96t5/26/
为了在阶段恢复后显示变压器，我必须做什么Konva.Node.create？你能指点我一个工作的例子吗？