javascript - P5js SVG エクスポート

Question

ユーザーが好きなように入力できるフォントを作成する P5js スケッチがあります。ユーザーが結果の svg/pdf (ベクター) バージョンをダウンロードできるようにしたいと考えています。今のところ、保存順序を使用して .jpg バージョンをダウンロードし、画面のショットを保存することに成功しました。何か案は？

Answer 1

と呼ばれる新しいパッケージはcanvas-sketch、この問題を解決するようです。p5.j​​sの例も豊富に用意されています。

const canvasSketch = require('canvas-sketch')
const p5 = require('p5')

const settings = {
  p5: { p5 },
  // Turn on a render loop
  animate: true,
}

canvasSketch(() => {
  // Return a renderer, which is like p5.js 'draw' function
  return ({ p5, time, width, height }) => {
    // Draw with p5.js things
    p5.background(0)
    p5.fill(255)
    p5.noStroke()

    const anim = p5.sin(time - p5.PI / 2) * 0.5 + 0.5
    p5.rect(0, 0, width * anim, height)
  };
}, settings)

p5 をグローバルに使用する場合は、その例もあります。animated-p5.js