Interested Article - Выносная линия2

Документация

Этот шаблон предназначен для изображения выносных линий к иллюстрациям средствами CSS3.

Пример использования

<div style="position: relative; width: 250px;">
[[файл:Drama-icon.svg|200px]]
{{Выносная линия2|x1=0.45|y1=0.15|x2=0.6|y2=0.05|text=[[Комедия]]|scale=200|color=blue}}
{{Выносная линия2|0.65|0.65|0.4|0.75|[[Трагедия]]|x3=0.15|scale=200|color=red}}
</div>

даст нам


Совет: для небольших изображений и при большом количестве подписей желательно уменьшить размер шрифта, для чего в стиль тега <div> нужно добавить строчку «font-size:smaller;».

Ограничения

Шаблон не работает в браузере Internet Explorer 8-й версии и ниже.

Источник —

Same as Выносная линия2