【问题标题】:html5 - How to check for shapes drawn on canvas?html5 - 如何检查画布上绘制的形状?
【发布时间】:2014-01-28 14:54:09
【问题描述】:

我制作了一个网页,上面有一个画布,我们可以在上面随意绘制。现在我想知道有没有办法找到用户现在画了一个“正方形”、“圆形”或“矩形”?我的意思是,如果我在画布上画一个正方形,我该如何编写代码来检查我是否画了一个正方形?

【问题讨论】:

    标签: html drawing html5-canvas


    【解决方案1】:

    没有多少细节可以与您合作。

    此外,“手绘”意味着非常不精确的形状。

    所以这里有一个通用的答案来确定你的形状:

    确定手绘形状的边界框 (minX,maxX,minY,maxY)。

    测试#1:如果 (maxX-minX) 与 (maxY-minY) 有很大不同,那么您有一个矩形。

    测试#2:从一个拐角向中心走。如果你快速穿过绘图的一部分,你就有了一个正方形。

    通过消除过程,如果测试#1 和测试#2 失败,那么你就有了一个圈子。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-05-12
      • 2013-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-17
      • 1970-01-01
      相关资源
      最近更新 更多