如何在放置图像后在画布中显示图像的宽度,高度和角度值

问题描述:

嗨大家好,我是html5 canvas的新手,因为我想知道在调整大小时是否有获取图像高度,宽度和角度值的任何可能性并旋转。显示我想要的图像。 Image 我希望这个过程后,放入画布,因为我搜索谷歌这找不到相关的答案几乎每个人都显示的图像在画布中保留在代码中的位置,但我希望图像应自动显示其值通过点击尺寸button.Thanks提前任何帮助将是伟大的。如何在放置图像后在画布中显示图像的宽度,高度和角度值

图像应根据图像在画布上显示其尺寸,如图像更改(或重新调整大小或自动旋转,尺寸应使用按钮单击功能进行更改)。

+0

取决于你如何调整大小和旋转图像! – MJQ 2013-03-01 11:32:16

+0

是@MJQ如果我们自动调整图像的大小,它应该显示图像的高度,宽度 – Cathy 2013-03-01 11:42:31

+0

你必须跟踪图像坐标,即它在哪里绘制,它的宽度和高度!如果你有这个,你可以显示它们! – MJQ 2013-03-01 11:44:28

您可以通过以下方式与帆布玩

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

希望这有助于你。

+0

感谢您的帮助,这是不是我想要的实际上,如果你看到图像,你会明白我的概念是什么,我可以调整大小,并在画布中旋转我的图像,但我无法显示高度,宽度和角度值,同时调整大小,旋转 – Cathy 2013-03-01 11:27:19

+0

我认为你必须用jquery玩你动态分配x和y轴的地方。所以当你从一个位置移动到另一个位置时,你会看到光标位置的动态变化,这就是图像的高度和宽度 – 2013-03-01 11:57:14

+0

thanq对于你的建议我会尝试 – Cathy 2013-03-01 11:58:51