javascript - 删除图像后如何在画布中显示图像宽度、高度和角度值

Question

大家好，我是 html5 画布的新手，因为我想知道是否有可能在调整大小和旋转时获取图像高度、宽度和角度值。显示我想要的图像。 我希望在进入画布后进行该过程，因为我在谷歌搜索这个找不到相关答案几乎每个人都在画布中显示要保存在代码中的图像位置，但我希望图像应该通过单击自动显示其值在尺寸按钮上。提前谢谢任何帮助都会很棒。

图像应根据图像在画布中显示其尺寸，例如图像是否更改（或自动调整大小或旋转尺寸应使用按钮单击功能更改）。

Answer 1

您可以通过以下方式玩画布

 <canvas id="myCanvas">Your browser does not support the canvas tag.</canvas>
<script type="text/javascript">

    var canvas = document.getElementById('myCanvas');
    var ctx = canvas.getContext('2d');

    // Draw blue rectangle
    ctx.fillStyle = '#0065BD';
    ctx.fillRect(0, 0, 125, 75);

    // Draw white X
    ctx.beginPath();
    ctx.lineWidth = "15";
    ctx.strokeStyle = "white";
    ctx.moveTo(0, 0);
    ctx.lineTo(125, 75);
    ctx.moveTo(125, 0);
    ctx.lineTo(0, 75);
    ctx.stroke();

</script>

希望这对您有所帮助。