gpt4 book ai didi

javascript - React-konva 警告 'Konva' 未定义

转载 作者:太空宇宙 更新时间:2023-11-04 15:28:17 24 4
gpt4 key购买 nike

我正在尝试通过一个名为react-konva的包来学习如何在react中使用 Canvas 。 npm 安装非常简单,我添加了一些可以运行的演示代码...

// in MainComponent.js
import {Stage, Layer, Rect} from 'react-konva';

// in render()
<Stage width={700} height={70}>
<Layer fill={'red'}>
<Rect ... and so on

我的代码在获取颜色时提到了 Konva...

Konva.Util.getRandomColor()

但我的浏览器会发出适当的警告:“警告'Konva'未定义”。我试过这个...

import {Konva, Stage, ... } from 'react-konva';

但这让事情变得更糟,无论我尝试使用 Konva.,都会生成 未定义 错误。我尝试直接添加对 konva 的引用...

// in index.js
<script src="https://cdn.rawgit.com/konvajs/konva/1.3.0/konva.js"></script>

但随后我收到此错误:

Konva instance is already exist in current eviroment. Please use only one instance.

(原始错误消息中的语法错误和拼写错误)

希望得到指点,或者任何关于可能导致此问题的想法。

最佳答案

尝试使用 const Konva= window.Konva

这将允许您使用普通 KonvaJS 属性。

关于javascript - React-konva 警告 'Konva' 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45038102/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com