Как использовать конву на windows без Visual studio и GTK

Question

Похоже, что VS и GTK нужны только для создания node-canvas, что требуется для konva.

Прости меня, так как я новичок, но есть ли другой способ сделать это без необходимости загружать и устанавливать кучу огромных вещей, которые я никогда не буду использовать ни для чего другого? Весь процесс кажется мне глупым, поскольку в наши дни большинство браузеров изначально поддерживают HTML5 canvas.

Answer 1

Я нашел ответ, очень просто, что я пропустил его целую неделю!

Просто сделай npm install konva react-konva --save-devбез установки node-canvas,

Прежде чем я импортировал konva в начале моего файла компонента, как это

import {Layer, Rect, Stage, Group} from 'react-konva';

Но это загружается до того, как DOM был создан, поэтому веб-пакет не может разрешить 'canvas', что привело к

Could not resolve module 'canvas'

Исключение.

Я заставил это работать, переместив это вниз или к componentDidMount или к методу рендеринга:

render() {
    const {Layer, Rect, Stage, Group} = require('react-konva');
    return (
      <div ref="containerDOM">
        <Stage width={700} height={700}>
          <Layer>
            <Rect
              width="50"
              height="50"
              fill="green"
            />
          </Layer>
        </Stage>
      </div>
   );
}

Answer 2

Ты можешь использовать Konva в среде NodeJS. Для этого случая node-canvas необходимо. Таким образом, вы должны установить все зависимости для в.

Вероятно, вам не нужен NodeJS. Вы можете использовать браузерные среды. Для этого случая node-canvas не требуется. DEMO