获取画布中两个选定点的宽度/高度

时间:2014-12-13 05:03:34

标签: javascript jquery canvas

我有一个画布,显示用户上传的图片。我想要的是要求客户给我他/她在画布上选择的两点之间的宽度和高度。例如,客户端在画布上单击左上角,然后选择右上角。之后,他/她应该输入这两个选定点之间的宽度。 我该怎么做?

抱歉我的英语不好。

由于

1 个答案:

答案 0 :(得分:0)

只需获得两点的坐标。

让我们假设第一个点叫A,第二个点叫B。所以他们的坐标是:

A = (xa, ya)
B = (xb, xb)

因此AB之间的水平距离为|xa-xb| 1 。它们之间的垂直距离为|ya-yb| 1

如果我们使用AB绘制一个矩形作为对角点,那么该矩形的宽度将是|xa-xb|,它的高度会是是|ya-yb|


  1. ||表示"绝对值"。见http://en.wikipedia.org/wiki/Absolute_value