如何在放置图像后在画布中显示图像的宽度,高度和角度值
问题描述:
嗨大家好,我是html5 canvas的新手,因为我想知道在调整大小时是否有获取图像高度,宽度和角度值的任何可能性并旋转。显示我想要的图像。 我希望这个过程后,放入画布,因为我搜索谷歌这找不到相关的答案几乎每个人都显示的图像在画布中保留在代码中的位置,但我希望图像应自动显示其值通过点击尺寸button.Thanks提前任何帮助将是伟大的。如何在放置图像后在画布中显示图像的宽度,高度和角度值
图像应根据图像在画布上显示其尺寸,如图像更改(或重新调整大小或自动旋转,尺寸应使用按钮单击功能进行更改)。
答
您可以通过以下方式与帆布玩
<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>
希望这有助于你。
取决于你如何调整大小和旋转图像! – MJQ 2013-03-01 11:32:16
是@MJQ如果我们自动调整图像的大小,它应该显示图像的高度,宽度 – Cathy 2013-03-01 11:42:31
你必须跟踪图像坐标,即它在哪里绘制,它的宽度和高度!如果你有这个,你可以显示它们! – MJQ 2013-03-01 11:44:28