javascript - Webkit ブラウザーで黒い影を描画するにはどうすればよいですか?

Question

HTML5 キャンバスを使用して webkit ブラウザーで黒の影を描画するにはどうすればよいですか?

Answer 1

問題が見つかりました！ぼかしが設定されていないかゼロに設定されている場合、Webkit は影を処理する方法がありません。この場合、テキストと同じ色で影が表示されます。Firefox では、どちらの場合も正しく表示されます (ぼかしが設定されていないか、ぼかしがゼロに等しい)。

Answer 2

キャンバス？

他のブラウザと同じである必要があります。

ctx.shadowColor = "rgba(0, 0, 0, 1)";

ここで例を見てください：

http://jsfiddle.net/LpvFF/4/

Safari 5 および Chrome 12 でテスト済み

Answer 3

shadowColor = "rgb(255,100,100)";

ここで例を参照してください。