画像ファイル（base64）に透明性がある場合はどうすればいいですか？

Question

画像に透明効果が適用されているかどうかわかりました。 JavaScriptやHTML5には何か方法がありますか？私はBase64コード画像を持っています。透過情報（アルファチャンネル）を読み取る方法はありますか？たとえば、PNG-Imageを読み込んでbase64に変換し、html5キャンバスにドロップすると、透明度が有効になっているかどうかを知ることができますか？ thanx alot okyo

Answer 1

「html5-canvasにドロップする」と言うと、「data：」URIスキームでimage要素を使用すると仮定します。また、画像ファイルを解析するためのjavascriptコードを書かないようにしましょう。

あなたは、この擬似コードのような何かができる：画像を任意の透明または部分的に透明なピクセルを持ってい

create 2 off-screen canvases 
color one opaque white and the other opaque black 
draw the image on both of them 
call getImageData on each canvas, using the image bounds 
compare the image data 

場合は、おそらく2枚のキャンバスには、少なくとも少し異なってしまいます。 1つの例外は、画像に透明機能が有効になっているが、とにかく完全に不透明である場合です。不透明でないピクセルが非常にわずかに透明で、白または黒の背景を変更するのに十分ではない場合、別の方法があります。しかし、この技術は、透明性が目立つ画像を捕らえます。