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

Question

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

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

Answer 1

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

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

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

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

Но это загружается до DOM была создана, так WebPack не мог решить «холст», в результате которой в

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