LogoMaker / effects /gold.js
SenY's picture
ダークモード
2a8b3b0
raw
history blame contribute delete
679 Bytes
import { BaseEffect } from './base.js';
export class GoldEffect extends BaseEffect {
constructor() {
super();
this.strokeOptions = {
color: '#b8860b',
width: 2
};
}
async setupContext(ctx, options) {
ctx.font = `${options.fontSize}px "${options.font}"`;
ctx.textBaseline = 'top';
// ゴールドグラデーションの作成
const gradient = ctx.createLinearGradient(0, 0, 0, ctx.canvas.height);
gradient.addColorStop(0, '#ffd700');
gradient.addColorStop(0.5, '#ffb700');
gradient.addColorStop(1, '#ffd700');
ctx.fillStyle = gradient;
}
}