Выберите несколько зубов на изображении с помощью мыши

Question

стоматологическая карта

Дорогие все,

Для стоматологического проекта мне нужно выбрать несколько зубов из приведенной выше таблицы. На самом деле я должен выбрать недостающие зубы. Поэтому я решил добавить некоторую функцию на HTML canvas и позволить пользователю нажимать на изображение, чтобы выбрать зубы.

Если у вас есть какие-то другие предложения или опыт в таких делах. Пожалуйста, прокомментируйте.

Answer 1

нашел способ выбрать зубы ... Я использовал изображение SVG и библиотеку D3.js, чтобы выбрать путь в SVG. Я был в состоянии выбрать пути и делать дальнейшие вещи.

d3.select("path#ID");

Answer 2

Я не могу реализовать полное решение для вас, но я бы порекомендовал посмотреть здесь, чтобы понять, как это делается:

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

Вы могли бы использовать canvas, но эту проблему, кажется, было бы легче решить, используя теги <map> и <area> или SVG. С чем вам удобнее.