如何在react konva中创建此自定义形状

文章/答案/技术大牛

发布

1回答

KonvaJS如何处理画布上的绘图

reactjs、konvajs、konvajs-reactjs

我真的很喜欢Konva语法 <Layer> </Layer>然而，源代码使我感到困惑。我理解<Circle />的方式实际上并不是在其呈现中返回DOM元素。相反，它在上面定义的画布上绘制。它是如何做到这一点的。有人能给我指一下密码吗

浏览 2提问于2018-12-04得票数 0

回答已采纳

1回答

reactjs、react-konva、konva、konvajs-reactjs

嗨，我是新反应konva，并试图使我的项目自定义形状，我想创建黄色元素，这基本上是一个曲边梯形，应该适合里面的红色环，如图所示。任何帮助都是非常感谢的。 ?

浏览 95提问于2021-09-30得票数 0

回答已采纳

1回答

使用react-konva在画布上设置GIF动画

javascript、reactjs、frontend、konvajs、react-konva

我正在尝试使用react为应用程序创建一个UI。我已经使用react-konva创建了一个2D画布。我已经知道如何将图像导入到这个画布上，但我在尝试制作gif动画时遇到了问题。有关于如何在konva中实现它的文档，但我似乎无法将其转换为react-konva。在konva中执行此操作的文档提供了here。

浏览 68提问于2020-03-17得票数 1

回答已采纳

1回答

如何在react-kova中获得像scaleX这样的图像属性？

konvajs、react-konva、konvajs-reactjs

shape的例子一样，这里有x，y，rotation等https://konvajs.github.io/docs/select_and_transform/Transform_Events.html react-konva中的图像也扩展了形状。如何在react-konva中获取image(使用transformer)的这些值。

浏览 15提问于2019-01-14得票数 0

回答已采纳

1回答

防止react-konva中的内存泄漏

memory-leaks、konvajs、react-konva

Konva库有一个。我正在使用react-konva编写一个应用程序，我特别想知道卸载组件时是否有任何工作要做，以防止内存泄漏。我需要销毁()任何konva元素来进行清理吗？

浏览 5提问于2019-09-26得票数 1

1回答

超过react挂钩中的多个深度

reactjs、react-hooks、konvajs、react-konva

我正在尝试使用react konva的transformer创建多个形状选择。我希望将多个节点传递给Transformer。执行此操作时，我收到multiple depth exceeded错误。我使用子组件中的形状引用并设置它的值。它是使用React钩子的。我已经注释了setNodes(temp)行。在没有这个的情况下可以正常工作。但我想将其设置为setNodes。

浏览 6提问于2020-08-17得票数 0

回答已采纳

1回答

我怎样才能在我的反应-konva形状上增加一个边框？

reactjs、konvajs、react-konva

我在用react konva包画一些形状。如何在形状中添加类似于HTML (border: 1px solid black)的边框？

浏览 4提问于2019-11-21得票数 1

回答已采纳

1回答

显示用户在react konva中单击的形状

reactjs、canvas、react-konva

我是react konva的一个完全的初学者，正在尝试做一个简单的项目。我只想在用户点击的地方显示一个矩形，就像如果用户点击3个位置，他可以在画布上看到3个矩形。我如何才能做到这一点？import React, { Component } from "react";import { render } from "react-dom"; import { S

浏览 23提问于2021-08-25得票数 0

回答已采纳

2回答

Jest遇到使用react + konva和/或react-konva的意外标记

javascript、reactjs、babel-jest、react-konva、konva

安装并导入Konva和react-konva后，我的jest@enzyme测试无法运行，并显示以下错误：Jest encountered an unexpected token C:\avius\fortest\node_modules\konva\lib\Core.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest)

浏览 77提问于2021-06-10得票数 3

1回答

Konvajs定制形状和变压器

konvajs

我试图实现的是显示变压器周围的自定义形状本身。我直接从API文档获取代码，用于创建自定义形状和添加转换器。这种变压器对矩形、圆圈等都有很好的效果，但是对于定制的形状，它的外观似乎不太合适。下面是一个带有自定义形状和转换器问题的演示应用程序的链接： container: 'container', width: window.inner

浏览 2提问于2018-05-28得票数 3

回答已采纳

1回答

我怎么才能用来修饰图像呢？

konvajs、react-konva、konvajs-reactjs、konva

我创建了一个类，根据Konva网站上的，使用事件侦听器将图像加载到画布中。// import Konva

浏览 2提问于2020-03-25得票数 0

回答已采纳

1回答

是否有方法仅使用Konva.Rect类属性来定义Konva.Rect类中的文本？

class、attributes、konvajs

我在我的项目中使用Konva.js，并且我有一种特殊的需要在使用Konva.Rect() class.Is定义的可拖式矩形中定义文本，这是一种无需使用单独的Konva.Text()或Konva.Label

浏览 2提问于2018-04-06得票数 3

回答已采纳

2回答

如何使用konva.js将文本放入rect中？

javascript、text、konvajs

我试过使用Konva.group ()，标签. x: 20, stroke: '#123456', fill: '#ddd',: [10, 10], cornerRadius: 10, var complexTex

浏览 2提问于2019-03-18得票数 4

回答已采纳

1回答

从阶段生成react-konva的缩略图

react-konva

我已经创建了一个非常类似于办公白板的react应用程序。我想生成每个白板的缩略图或卡片预览，并想知道如何去做。我最初的想法是创建一个卡片组件，并以与真实白板相同的方式渲染形状。但是，每个形状的点都在舞台之外，我想不出如何缩小它。有什么想法吗？

浏览 43提问于2020-10-24得票数 0

回答已采纳

1回答

Konva -可视化自定义命中区域

konvajs

是否有一种简单的方法来可视化自定义的命中区域形状？var star = new Konva.Star({ context.closePath() }为了调试的目的，我想要一个简单的方式来切换图形的视觉渲染(在本例中是圆圈)，(如通过填充黄色)。

浏览 1提问于2018-09-04得票数 0

回答已采纳

2回答

Limejs中的自定义形状

html、limejs

我想知道如何在html5中使用LimeJS.Could创建自定义形状谁能告诉我如何使用html5的LimeJS在游戏中创建自定义形状，如评论。

浏览 3提问于2012-08-17得票数 1

回答已采纳

1回答

React-Native:如何使用视图创建半圆弧

react-native

如何在react native中仅使用视图创建此形状

浏览 7提问于2021-07-12得票数 0

1回答

在Konvajs的变压器锚中有什么方法来放置形状吗？

konvajs

是否可以用形状填充Konva.Transformer中的锚？我的意思是，我是否需要添加另一个层来制作自定义锚，或者我可以在转换器组件中做一些正确的事情？

浏览 3提问于2020-12-24得票数 0

回答已采纳

1回答

如何在React中使用fillPatternImage填充konva rect，或者在React中使用相同的svg图像创建无限网格？

reactjs、image、konvajs、react-konva、konva

我已经使用konva和React创建了砖石网格，下面是我所做的工作的示例：https://codesandbox.io/s/masonry-grid-image-konva-react-cp73d Reacthttps://konvajs.org/docs/react/Images.html中关于Konva镜像的文档我需要用相同的卡片Like

浏览 135提问于2020-10-01得票数 0

回答已采纳

2回答