postprocess/base.js

/**

 * ポストプロセス処理の基底クラス

 */
export class BasePostProcess {
    constructor() {
        this.name = 'base';
        this.label = 'ベース';
    }

    /**

     * ポストプロセス処理を適用

     * @param {HTMLCanvasElement} canvas - 処理対象のcanvas

     * @returns {HTMLCanvasElement} - 処理後のcanvas

     */
    async apply(canvas) {
        // 基底クラスでは何もせずにcanvasをそのまま返す
        return canvas;
    }

    /**

     * 最終的なPNG画像データを生成

     * @param {HTMLCanvasElement} canvas - 処理対象のcanvas

     * @returns {string} - PNG形式の画像データURL

     */
    static toPng(canvas) {
        return canvas.toDataURL('image/png');
    }
}