node.js - 正确安装后，fabric JS 无法在 Node 上运行

Question

我想在 Node 服务器上使用fabric js 来生成SVG 图像。我按照说明在mac环境中的node上运行fabric js。我正在尝试从 NodeJS 示例下的 Fabric JS 文档运行 hello World Fabric 应用程序。

如果我在 Node shell 中运行 typeof require('canvas'); 。根据fabricjs documentation，它应该返回“函数”运行 typeof require('fabric'); 也会按预期返回 object 。我非常确定我正确安装了依赖项，但不完全确定为什么代码没有按预期运行。

但是，运行代码会导致以下错误:TypeError: Fabric.createCanvasForNode is not a function

这是我尝试运行的代码。

我将 python 版本更改为 2.7， Node 为 v 9.2.0 。感谢所有帮助!

var fs = require('fs'),
    fabric = require('fabric').fabric,
    out = fs.createWriteStream(__dirname + '/helloworld.png');

var canvas = fabric.createCanvasForNode(200, 200);

var text = new fabric.Text('Hello world', {
  left: 100,
  top: 100,
  fill: '#f55',
  angle: 15
});
canvas.add(text);

var stream = canvas.createPNGStream();
stream.on('data', function(chunk) {
  out.write(chunk);
});

Answer 1

Dez 的回答几乎令我满意，但这并不是一个完全有效的示例。至少不适合我。这是我深入研究该主题后的结果:

const { fabric } = require("fabric");
const canvas = new fabric.Canvas(null, {width: 500, height: 500});

const fs = require("fs");
const stream = canvas.createPNGStream();
const out = fs.createWriteStream("test.png");

var text = new fabric.Text("Hello world", {
  left: 100,
  top: 100,
  fill: "#f55",
  angle: 15
});

canvas.add(text);

canvas.renderAll();

stream.on('data', function(chunk) {
  out.write(chunk);
});