Использование React.js Virtual DOM для издевательства холста на Node.js

Я пытаюсь высмеять холст в Node.js, используя виртуальную DOM в структуре React.js, но у меня возникли проблемы с выяснением того, как создать элемент canvas и получить доступ к canvasContext.Использование React.js Virtual DOM для издевательства холста на Node.js

Я хочу, чтобы иметь возможность создать новый объект canvas, получить контекст и нарисовать несколько строк.

Это то, что я понял, до сих пор (после того, как НАЯ инсталляцию реагировать)

>var DOM = require('react').DOM; 
undefined 
>var canvas = DOM.canvas(); 
undefined 
>canvas 
{ props: { __owner__: null }, 
    _lifeCycleState: 'UNMOUNTED', 
    _pendingProps: null, 
    _pendingCallbacks: null }

Есть ли где-то еще, что я должен создать холст и как я могу получить доступ к контексту холста?

Спасибо!

источник

2014-01-15 Bovard

Можете ли вы немного рассказать о том, как вы пытаетесь использовать Реакт и холст вместе? –

Я запускаю приложение javascript на Node.js (без холста) и хотел использовать некоторые библиотеки, которые запускаются в браузере, и записывать на холст для создания изображений. Я надеялся создать эти образы в реализации виртуального DOM холдинга React. Имеет ли это смысл? – Bovard

Извините, React не делает ничего особенного с холстом - он просто отсылает браузер обо всех деталях рисования.

Возможно, вы захотите использовать что-то вроде https://github.com/learnboost/node-canvas для рендеринга холдинга.

источник

2014-01-16 01:30:53

Итак, он кэширует инструкции рисования холста для выполнения позже в браузере или просто невозможно вызвать какие-либо инструкции по рисованию? – Bovard

Последний - он дает кусок 'componentDidMount', в котором вы можете сделать свой рисунок, но в противном случае ничего не делает. –

Использование React.js Virtual DOM для издевательства холста на Node.js

ответ

Смежные вопросы