html5キャンバス上のグロー効果？

Question

すでに描画されているキャンバスにグロー効果を追加することは可能ですか？自分で計算することなく？ （グラデーション、シャドウなどを使用）

キャンバスをイメージとして別のキャンバスに描画し、影を付けて描画することで、グローを追加しようとしました。 シャドウの周りのピクセルの量に依存するという問題があります。これは画像がぼやけているためです。

Answer 1

キャンバステキストhereの他の活字効果とともに、グロー効果を超えるウェブサイトがあります。ここで

は、グロー効果の要旨です：

// Assuming your canvas element is ctx 
ctx.shadowColor = “red” // string 
    //Color of the shadow; RGB, RGBA, HSL, HEX, and other inputs are valid. 
ctx.shadowOffsetX = 0; // integer 
    //Horizontal distance of the shadow, in relation to the text. 
ctx.shadowOffsetY = 0; // integer 
    //Vertical distance of the shadow, in relation to the text. 
ctx.shadowBlur = 10; // integer 
    //Blurring effect to the shadow, the larger the value, the greater the blur.