问题标签 [konvajs-reactjs]

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.

0 投票
0 回答
41 浏览

javascript - GlobalCompositeOperation 在 safari for video (Konva) 中不起作用

我在尝试通过在 Konva 中使用 globalCompositeOperation 属性来掩盖我的 Image 元素时遇到了麻烦,它在 chrome 中运行良好,但在 safari 中,它不做掩蔽(仅适用于视频,但适用于它的图像)。这张照片是 chrome 的(屏蔽工作)在此处输入图像描述这张照片在 safari 中(屏蔽不起作用)在此处输入图像描述这里是源代码https://codesandbox.io/s/gracious-noyce-mj33n?file=/src/video.js

0 投票
0 回答
9 浏览

canvas - 用于大帆布笔绘图的 konvajs

使用裸 HTML5 画布,我在下面的另一个 HTML 元素上实现了一个简单的白板应用程序(笔/鼠标绘图和擦除)。此画布覆盖下面的 HTML 元素,因此大小取决于下面的 HTML 元素。

我发现在某些情况下它太滞后了。特别是如果画布由于下面的 HTML 元素而变大(例如,1800 像素 x 170000 像素。)。奇怪的是,当它在 Chrome 上运行时,如果我将它移到辅助显示器上就可以了。

从一些测试来看,我认为这是由大画布尺寸引起的。我认为虚拟画布滚动会很容易:实际画布和屏幕一样小,当虚拟滚动移动时,通过滚动在暴露的区域重新绘制。

你认为我可以用 Konvajs 实现它吗?有这方面的样本吗?

提前感谢您的建议。斤。

0 投票
0 回答
20 浏览

reactjs - 如何转换画布阶段以保存在 png/jpeg react konva

这是为html5实现的,但我想知道如何在反应中实现它请帮助我已经坚持了好几天

0 投票
1 回答
39 浏览

javascript - 如何正确地做到这一点,以便在变换一个形状时,在 react-konva 中变换另一个形状?

我需要转换一个形状以同时转换另一个形状,以便它填充可用空间。我怎样才能正确地做出反应?现在我所做的根本没有按应有的方式工作,而且我不知道如何以不同的方式进行

演示:https ://stackblitz.com/edit/vitejs-vite-q5jn1d?file=src/Template.jsx