【问题标题】:Select some teeth from the image using mouse使用鼠标从图像中选择一些牙齿
【发布时间】:2023-03-29 18:28:01
【问题描述】:

牙科图表

亲爱的,

对于牙科项目,我必须从上图中选择几颗牙齿。其实我必须选择缺牙。所以我决定在 HTML 画布 上添加一些功能,让用户点击图片来选择牙齿。

如果您有其他建议或做此类事情的经验。请发表评论。

【问题讨论】:

  • 你能分享你的代码吗?
  • 嗨,Rys,我附上了一张图片。所以我想知道实现这一目标的其他可能的简单方法是什么。由于复杂性,我没有在上面实现:(

标签: javascript html struts2 onclick html5-canvas


【解决方案1】:

找到了一种选择牙齿的方法... 我使用了 svg 图像并使用 D3.js 库来选择 svg 中的路径。我能够选择路径并做更多的事情。

d3.select("path#ID");

【讨论】:

  • 你能分享任何代码sn-p。那会帮助我吗?谢谢
【解决方案2】:

我无法为您实现一个完整的解决方案,但我建议您查看这里以了解它是如何完成的:

http://thenewcode.com/696/Using-SVG-as-an-Alternative-To-Imagemaps

您可以使用画布,但使用 <map><area> 标签或 SVG 似乎更容易解决这个问题。哪个你更舒服。

【讨论】:

  • SVG 似乎非常适合这项任务。我还必须在单击一颗牙齿时添加弹出文本框。这样用户就可以输入 2 位测量值。如果我能找到一些插件,开发过程会很容易。
  • @ÀrjunaBandara 这是一个非常基本的操作方法:w3schools.com/howto/howto_js_popup.asp
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-10-07
  • 2014-12-16
  • 1970-01-01
  • 1970-01-01
  • 2021-12-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多