Как я могу обернуть текст вокруг не прямоугольного изображения?

Можно ли обернуть текст вокруг не прямоугольного изображения?

Я хочу, чтобы текст вокруг карт разных стран обертывался вокруг формы страны таким образом, что текст всегда держится на одном и том же расстоянии от границы страны, даже если сама граница не является прямой.

Возможно ли это?

Ответ 1

Есть такие вещи, как CSSTextWrapper, который позволяет вам определять область путем перетаскивания точек, а затем дает код для реализации.

Или существуют другие способы как этот метод, где вы плаваете divs, чтобы заблокировать область формы.

Итак - ответ "Да - это можно сделать". Но насколько я знаю, нет "простого" способа, как вариант "text-wrap" CSS.

Ответ 2

Похоже, такая поддержка находится на горизонте.

Как сказал Дэйв, CSSTextWrapper, который, вероятно, лучший способ сделать это на данный момент, но относительно недавний рабочий проект W3C описывает метод использования более сложных форм с использованием SVG и, возможно, растровых изображений с обнаружением контуров.

Сколько времени понадобится для его реализации в крупных браузерах, не говоря уже о завершении, все догадываются.

На данный момент это можно сделать с трудом. Если повезет, в будущем это будет намного проще.

Ответ 3

Там есть плагин jQuery под названием Bagon, предназначенный для этого.

Ответ 4

Как уже говорили другие: да, это возможно... но это не так сложно.

Клиенты, как правило, любят этот вид или упаковку, в конце я сделал для него script: http://www.miguel-svq.com/textwrap.html

Это может использовать плавающие divs или разрезать изображение, как вы предпочитаете.