node.js - 使用 React.js 虚拟 DOM 在 Node.js 上模拟画布

Question

我正在尝试使用 React.js 框架中的虚拟 DOM 在 Node.js 中模拟画布，但我无法找出如何创建画布元素和访问 canvasContext。

我希望能够创建一个新的画布对象，获取上下文并画几条线。

这就是我到目前为止所想出来的（在 npm install react 之后）

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

我应该在其他地方创建画布吗？如何访问画布上下文？

谢谢！

Answer 1

抱歉，React 并没有对画布做任何特别的事情——它只是让浏览器来处理所有的绘图内容。

您可能想使用https://github.com/learnboost/node-canvas之类的东西来代替服务器渲染画布代码。