javascript - 放下图像后如何在 Canvas 中显示图像的宽度，高度和 Angular 值

Question

大家好我是 html5 canvas 的新手，因为我想知道在调整大小和旋转时是否有可能获取图像高度、宽度和 Angular 值。显示我想要的图像。 当我在谷歌上搜索这个找不到相关答案时，我希望在进入 Canvas 后进行该过程在尺寸按钮上。在此先感谢任何帮助。

图像应根据图像在 Canvas 中显示其尺寸，如图像已更改(或自动调整大小或旋转尺寸应使用按钮单击功能更改)。

Answer 1

您可以通过以下方式玩 Canvas

 <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>

希望对你有帮助。