JavaScript - 在画布上自由绘制封闭区域并记录路径

时间:2016-11-19 14:40:25

标签: javascript html5 canvas html5-canvas

CONTEXT

我想创建一个用户看到图像的交互,并可以自由绘制到图像上以选择它的一部分。目标是让用户在图像中的区域周围绘制一个封闭的形状,类似于Photoshop Lasso Tool的行为方式。然后,我需要拉出它们所包含的区域内的所有内容的坐标。

进展如此

一方面,我知道我可以使用诸如sketch.js之类的工具来自由绘制。我也看过很多画各种封闭的形状。

问题

  1. 如何将上述两个概念(自由绘制+封闭形状)结合起来自由绘制一个封闭区域?
  2. 如何记录封闭区域内的坐标?或者,至少是自由绘制路径的坐标。

0 个答案:

没有答案