У меня есть js, что позволяет респонденту щелкнуть по определенной c форме / изображению и сделать ее кликабельной. В настоящее время я установил прямоугольник и поли, но я хочу добавить «круг» в качестве фигуры, но я не уверен, как это сделать. Мой код здесь. Код "круг" не работает. Я попытался повторно использовать сценарий поли без удачи. Вид нового в этом, поэтому любая помощь будет оценена!
function addClickable(shape, coords) {
area.push('<area class="area" href="#0" shape="' + shape + '" coords="' + coords.join(",") + '" style="outline: none;" title="" />');
if (shape.toLowerCase() == "rect") {
highlight.push('<rect x="' + coords[0] + '" y="' + coords[1] + '" width="' + (coords[2] - coords[0]) + '" height="' + (coords[3] - coords[1]) + '" style="fill-opacity:0.7; fill: none;" class="highlight" />');
}
if (shape.toLowerCase() == "poly") {
var newCoords = coords.join(" ").replace(/(\d+)\s(\d+)\s/g, '$1, $2 ');
highlight.push('<polygon points="' + newCoords + '" style="opacity: 0.7; fill: none;" class="highlight" />');
}
if (shape.toLowerCase() == "circle") {
var newCoords = coords.join(" ").replace(/(\d+)\s(\d+)\s/g, '$1, $2 ');
highlight.push('<circle points="' + newCoords + '" style="opacity: 0.7; fill: none;" class="highlight" />');
}
}