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

我目前有一个画布，其中有两个图像，我使用以下代码在单击图像时获取图像的宽度和高度：

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经验，所以我不知道这是否可行

---

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

假设单击事件获得图像的宽度和高度，只需添加以下内容即可：

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

---

没问题，很乐意帮忙