スタートページ＞ Javascript＞ CANVAS

clickCanvas：クリックによる座標・色の取得

clickCanvas(結果表示場所);

canvas をクリックした点のＸ・Ｙ座標とrgba形式の色を取得します。

• その結果は、ＨＴＭＬ内の<div id="結果表示場所"></div>に表示されます。
• この関数 clickCanvas は、xycoordinate.js に登録されています。
• clickCanvasの内部説明はclickCanvasにあります。

ソースリスト

function init() {
    // ===== キャンバスの設定
    cw = 200; ch = 200;
    xmin = -2; xmax = 2; ymin = -2; ymax = 2;
    setCanvas("canvas1", "rgba(0,0,0, 0)");
    // ====== 適当な画像を描く
    drawRect(-2,-2, 0,2, "green", 1, "rgba(0,255,0, 0.3)");
       :
       :
    // ====== clickCanvas呼出
    clickCanvas("結果表示場所");
}