1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import { bench, run } from "mitata";import { createRequire } from "module";import { draw, drawGradient, drawImage } from "./draw.mjs";
const require = createRequire(import.meta.url);const { createCanvas, loadImage: napiLoadImage } = require("@napi-rs/canvas");const { Canvas: SkiaCanvas, loadImage: skiaLoadImage } = require("skia-canvas");const { createCanvas: createNodeCanvas, loadImage: nodeLoadImage } = require(  "canvas",);
bench("encoding: node @napi-rs/canvas", () => {  const canvas = createCanvas(1024, 768);  const ctx = canvas.getContext("2d");  draw(ctx);  canvas.toBuffer("image/png");});
bench("encoding: node canvas", () => {  const canvas = createNodeCanvas(1024, 768);  const ctx = canvas.getContext("2d");  draw(ctx);  canvas.toBuffer("image/png");});
bench("encoding: node skia-canvas", () => {  const canvas = new SkiaCanvas(1024, 768);  const ctx = canvas.getContext("2d");  draw(ctx);  canvas.toBufferSync("image/png");});
bench("gradient: node @napi-rs/canvas", () => {  const canvas = createCanvas(1024, 512);  const ctx = canvas.getContext("2d");  drawGradient(ctx);  canvas.toBuffer("image/png");});
bench("gradient: node canvas", () => {  const canvas = createNodeCanvas(1024, 512);  const ctx = canvas.getContext("2d");  drawGradient(ctx);  canvas.toBuffer("image/png");});
bench("gradient: node skia-canvas", () => {  const canvas = new SkiaCanvas(1024, 512);  const ctx = canvas.getContext("2d");  drawGradient(ctx);  canvas.toBufferSync("image/png");});
bench("images: node @napi-rs/canvas", async () => {  const canvas = createCanvas(1000, 1400);  const ctx = canvas.getContext("2d");  const skiaImage = await napiLoadImage("./testdata/skia_logo.png");  const testImage = await napiLoadImage("./testdata/test.png");  drawImage(ctx, skiaImage, testImage);  canvas.toBuffer("image/png");});
bench("images: node canvas", async () => {  const canvas = createNodeCanvas(1000, 1400);  const ctx = canvas.getContext("2d");  const skiaImage = await nodeLoadImage("./testdata/skia_logo.png");  const testImage = await nodeLoadImage("./testdata/test.png");  drawImage(ctx, skiaImage, testImage);  canvas.toBuffer("image/png");});
bench("images: node skia-canvas", async () => {  const canvas = new SkiaCanvas(1000, 1400);  const ctx = canvas.getContext("2d");  const skiaImage = await skiaLoadImage("./testdata/skia_logo.png");  const testImage = await skiaLoadImage("./testdata/test.png");  drawImage(ctx, skiaImage, testImage);  canvas.toBufferSync("image/png");});
await run({  colors: process.env.NO_COLOR !== "1",});