1

我正在尝试通过一个名为 react-konva 的包来学习如何在反应中使用画布。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 实例。请仅使用一个实例。

（原始错误消息中的语法错误和拼写错误）

将不胜感激指针，或任何可能导致此问题的想法。

4

2 回答 2

2

尝试使用 const Konva= window.Konva

这将允许您使用 vanilla KonvaJS 属性。

于 2020-05-14T18:51:36.633 回答
1

根据您问题中的评论。你忘了做npm install konva。

于 2017-07-12T02:33:53.857 回答