Как разметить элементы картинки, в виде ссылок?

Question

[NubasLol]

Например, есть картинка машины. При наведении на колесо, оно должно выделится и появится ссылка на раздел продажи колес. При наведении на дверь - выделится дверь, и т.д

И это нуужно сделать редактируемым через админку

Comments

[FeST1VaL]

Ну например canvas, или например как тут: тык

Answer 1

[alexhovansky]

SVG или canvas.

Если речь про svg, то по идее нужно накладывать svg на картинку, прозрачный, реагировать на ховер.
Если canvas, то отрисовывать элемент и вешать обработчик ховер

Comments

[NubasLol]

<svg class="map">
        <polygon points="284,637 284,431 459,412 457,638" target="" class="filter-polygon" alt=""/>
        <polygon points="462,416 642,403 637,645 459,645" target="" alt=""/>
        <polygon points="660,403 647,637 869,650 866,389" target="" alt=""/>
        <polygon points="921,407 930,646 1230,646 1230,375" target="" alt=""/>
    </svg>

Вот так сделал, теперь вопрос как это можно красиво через админку рдачить? Какие плагины есть?

[alexhovansky]

Какую админку? Если речь про CMS какую-нибудь, то плагин вряд ли есть. Разве что сохранять именно исходник svg и его выводить на соответствующей странице, а так - скорее всего нужно самому писать

[NubasLol]

alexhovansky, laravel