HTML5 鼠标移动多边形选择
我需要 HTML 5 中的 Photoshop 多边形选择工具之类的功能。我尝试使用 HTML5 路径属性,我可以在画布上绘制线条,但没有逻辑来使该线条连接并进行多边形选择。
I need functionality like Photoshop polygon selection tool in HTML 5. I tried using HTML5 Path properties and I can draw line on canvas but can't have logic to make that line join and make polygon selection.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以处理画布上的点击并将点击坐标放入数组变量中。
您可以继续将点添加到路径数组中,直到路径完成。当用户创建 3 个或更多点后单击第一个点时,路径就完成了。
You can handle clicks on the canvas and put the click coordinates in an array variable.
You can keep adding the points to path array until the path is complete. A path is complete when the user clicks on the first point after create 3 or more points.
您可以使用此应用程序绘制多边形并将其导出,以便为您提供正确的 HTML 和 Javascript 画布语句,以在网页上生成多边形
活动
You can use this application to draw your polygon and export it to give you the correct HTML and Javascript canvas statements to produce the polygon on a web page
canvimation