0

私はdivの背景を配置したアプリケーションに取り組んでおり、.PNG画像でマスクしています。その .PNG 画像には、ユーザーが div の背景画像を見ることができる透明な領域があります。ユーザーが .PNG 画像の透明な領域または白い領域をクリックしたかどうかを知りたいです。

私はこの例を見つけました: キャンバスを使用したフィドルの例

しかし、キャンバスを使用せずにこれを行いたいです。出来ますか？

drop という div に png 画像を追加するだけです。

var url = "url(./img/imagesapp/background.jpg?"+Math.random()+")";
$('.drop').css('background-image', url)          
var id=triangle;
var test="<img id='img"+id+"' class='shapeOfAC' src='./img/shapes/"+id+".png'/>";
$(".drop").append(test);

前もって感謝します ：）私のアプリケーションの画像

4

1 に答える 1

0

私が考えることができる唯一の本当の代替手段は（サーバーサイドの支援なしで）、PNG画像を調べて各ピクセルの透明度のマップを作成し、それを介して読み取ることができるアルファチャネルのみを含む長い文字列に変換するコードを書くことですジャバスクリプト。

ただし、これの問題は、大量のデータになることです。HEXの塊だけを保存した場合、長さは2xHxWバイトになります。これを改善するには、データを gzip して javascript で解凍します。

于 2012-11-29T14:50:23.683 に答える