Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用鼠标从图像中选择一些牙齿_Javascript_Html_Struts2_Onclick_Html5 Canvas - Fatal编程技术网

Javascript 使用鼠标从图像中选择一些牙齿

Javascript 使用鼠标从图像中选择一些牙齿,javascript,html,struts2,onclick,html5-canvas,Javascript,Html,Struts2,Onclick,Html5 Canvas,牙科图表 亲爱的各位 对于牙科项目,我必须从上面的图表中选择几颗牙齿。事实上我得选择缺牙。所以我决定在HTML画布上添加一些函数,让用户点击图像来选择牙齿 如果你有其他的建议或经验做这样的事情。请发表意见。我无法为您实现完整的解决方案,但我建议您看看这里,看看它是如何实现的: 您可以使用canvas,但这个问题似乎更容易用and标记或SVG解决。随便你喜欢哪个。找到了一种选择牙齿的方法。。。 我使用了svg图像和D3.js库来选择svg中的路径。我能够选择路径并做进一步的事情 d3.选择路径I

牙科图表

亲爱的各位

对于牙科项目,我必须从上面的图表中选择几颗牙齿。事实上我得选择缺牙。所以我决定在HTML画布上添加一些函数,让用户点击图像来选择牙齿


如果你有其他的建议或经验做这样的事情。请发表意见。

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


您可以使用canvas,但这个问题似乎更容易用and标记或SVG解决。随便你喜欢哪个。

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


d3.选择路径ID;你能分享你的代码吗?嗨,Rys,我附上了一张图片。所以我想知道实现这一目标的其他可能的、简单的方法是什么。由于复杂性,我没有实现上述功能:SVG似乎非常适合此任务。此外,我还必须添加弹出式文本框时,点击一颗牙齿。这样用户就可以输入两位数的测量值。如果我能找到一些插件,开发过程可能会非常简单。@rjunaBandara这里有一个非常基本的操作方法:你能分享任何代码片段吗。那对我有帮助吗?谢谢