canvas如何实现二维图片的多边形区域选择

有一张二维的楼层平面俯视图,类似下图(网图,侵删)
image.png

初始只有规划图没有任何信息,现在需要通过canvas选择相关房间的区域,存储该区域的像素点信息。由于房间区域有不规则的多边形,因此不能通过矩形等简单的图形来选择。如果要拟合多边形,可能比较适合使用贝塞尔曲线,但是这样对于使用者不方便,还有一种是使用canvas做一个类似魔棒的效果,但是魔棒也会受到内部的文字颜色干扰。

请问除了这两种方法以外,还有什么比较合适的方法吗?

阅读 2.7k
2 个回答

如果是固定的一个图形,其实专门生成多点多边形区用作选区是合适的,毕竟要重复使用的。
这就像地理系统中的边界处理。

规划图 分层,文字单独一层,房间区域单独一层,就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题