1

私はhtml 5キャンバスを使用してフォトエディタプログラムに取り組んでおり、この方法を使用して、ユーザーが画像を見つけるために利用できるウィンドウを作成しています。問題は、横に html ボタンを配置したり、どこかに重なったりするのではなく、キャンバス アプリケーション内の「ボタン」をクリックしたときに、これを実行できるようにしたいということです。基本的に、ユーザーがキャンバス内のボタンをクリックすると、ボタンのクリックイベントがトリガーされるようにする必要があります。これについてGoogleで検索しましたが、探しているものを見つけることができませんでした...

みんなありがとう！

4

2 に答える 2

0

私がそれを理解した人を気にしないでください...セキュリティ上の理由により、実際にはJavaScriptからinput type = "file"クリックイベントにアクセスできません。

于 2013-06-29T21:49:12.843 に答える
0

onclick イベントを使用している場合は、次のようなものが必要になります。

編集：キャンバスにクリックする必要がある長方形の領域がありますか？その場合は、4 つの制限leftLimit、rightLimit、topLimit、およびbottomLimitを定義し、 onclick でこの関数を実行します。

var canvas = document.getElementById('yourCanvasId');
    button = document.getElementById('yourButtonId');
canvas.onclick = function(event) {
event = event || window.event;
var x = event.pageX - canvas.offsetLeft,
    y = event.pageY - canvas.offsetTop;
if(x > leftLimit && x < rightLimit && y > topLimit && y < bottomLimit) {
    var e = document.createEvent("MouseEvents");
    e.initMouseEvent("click",1,1,document.defaultView,0,0,0,0,0,0,0,0,0,0,button);
    button.dispatchEvent(e);
    }
}
于 2013-06-29T21:29:02.600 に答える