Question

我目前有一个带有几个图像的画布，当我点击图像时，我使用以下代码来获取图像的宽度和高度：

canvas.addEventListener('click', function (e) {
   var mouse = myState.getMouse(e);
    var mx = mouse.x;
    var my = mouse.y;
    var shapes = myState.shapes;
    var l = shapes.length;
    for (var i = l-1; i >= 0; i--) {
      if (shapes[i].contains(mx, my)) {
        var mySel = shapes[i];
        myState.selection = mySel;
        myState.valid = false;
            var message = 'Image width*height = ' + mySel.w + '*' + mySel.h;
    alert(message);
        return;
      }
    }

我有一些简单的HTML文本框：

Width:<input type="text" id="width" size="10">
Height:<input type="text" id="height" size="10">

当我点击图片时，是否有可能以某种方式填充文本框的宽度和高度？有没有办法可以将宽度和高度放到php变量并将该值放在文本框中？我没有太多Javascript经验，所以我不知道这是否可行。

如果有人能够把我推向正确的方向，或者可能提供一个示例或有用的链接，那就太棒了！

Answer 1

假设click事件确实获得了图像的宽度和高度，就像添加它一样简单：

document.getElementById('width').value = mySel.w;
document.getElementById('height').value = mySel.h;

使用Javascript画布数据填充html文本框

1 个答案: