Можно ли обернуть текст вокруг не прямоугольного изображения?
Я хочу, чтобы текст вокруг карт разных стран обертывался вокруг формы страны таким образом, что текст всегда держится на одном и том же расстоянии от границы страны, даже если сама граница не является прямой.
Возможно ли это?
Есть такие вещи, как CSSTextWrapper, который позволяет вам определять область путем перетаскивания точек, а затем дает код для реализации.
Или существуют другие способы как этот метод, где вы плаваете divs, чтобы заблокировать область формы.
Итак - ответ "Да - это можно сделать". Но насколько я знаю, нет "простого" способа, как вариант "text-wrap" CSS.
Похоже, такая поддержка находится на горизонте.
Как сказал Дэйв, CSSTextWrapper, который, вероятно, лучший способ сделать это на данный момент, но относительно недавний рабочий проект W3C описывает метод использования более сложных форм с использованием SVG и, возможно, растровых изображений с обнаружением контуров.
Сколько времени понадобится для его реализации в крупных браузерах, не говоря уже о завершении, все догадываются.
На данный момент это можно сделать с трудом. Если повезет, в будущем это будет намного проще.
Там есть плагин jQuery под названием Bagon, предназначенный для этого.
Как уже говорили другие: да, это возможно... но это не так сложно.
Клиенты, как правило, любят этот вид или упаковку, в конце я сделал для него script: http://www.miguel-svq.com/textwrap.html
Это может использовать плавающие divs или разрезать изображение, как вы предпочитаете.