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

我有一个画布，显示用户上传的图片。我想要做的是让客户给我两点之间的宽度和高度，他/她以厘米为单位在画布上进行了选择。例如，客户端在画布左上角单击，然后选择右上角，之后他/她应输入这两个选定点之间的宽度。我该怎么做？获取画布中两个选定点的宽度/高度

对不起，我的英语不好。

谢谢

来源

2014-12-13 omid

只要得到你的两点的坐标。

让我们假设第一个点叫做A，第二个点叫B。因此，它们的坐标将是：

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

所以A和B之间的水平距离会，|xa-xb| 。它们之间的垂直距离是|ya-yb| 。

如果我们借鉴使用A和B它作为斜对面点的矩形，该矩形的宽度为|xa-xb|，并且它的高度将是|ya-yb|。

||代表 “绝对价值”。请参阅http://en.wikipedia.org/wiki/Absolute_value。

来源

2014-12-13 05:23:48 budhajeewa

实际上，例如，图片来自用户已上传的房间。我希望在cm之间的两点之间具有宽度。因此用户必须为我输入。因此，我需要用户在选择两点后输入。 – omid 2014-12-13 05:28:10

然后我猜你必须抓住'canvas'上的click事件，然后看看它是否是第二次点击。如果是，则向用户显示一个文本框以输入宽度。然后，你可以保存在一个Javascript对象中的所有细节，如下列： { X：你的x坐标， Y：你y坐标， W：宽度用户输入。 } – budhajeewa 2014-12-13 05:37:40

在图片上首次点击用户后，我应该如何添加阴影或其他东西，所以他知道他/她必须选择另一个点，例如重新调整大小，请帮助我 – omid 2014-12-13 06:02:12

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

回答

相关问题