← All posts tagged svg

OCTAGRAM

В SVG есть текстуры. В частности, растровые можно устроить. Но в FireFox, если открыть SVG в отдельной вкладке, текстура отрисовывается всегда, а если указать SVG как background url, то только если она внедрена как data. Внешние связи не работают. Наверное, это как-то связано с безопасностью, а, может, движок так радикально свои возможности расширить не может.

Вопрос актуален ещё в связи с потенциально нестандартными шрифтами. На всякий случай в кривые перегоняю текстовые элементы перед экспортом в веб.

OCTAGRAM

Приловчился уже конвертить векторные форматы в EPS, так как других нормальных векторных форматов MS Office не поддерживает. Ну не EMF же! На компьютере выглядит погано, сглаживания никакого нет, но если увеличивать или печатать, видно, что там всё–таки вектор, всё ровно получается.

OCTAGRAM

atrsib.ru
Вот как сейчас это выглядит. Сделал на IMG. Чтобы ImageSizer не лез в svg, добавил class="nothumb" к img, иначе куча предупреждений лезет. Наверное, можно забуриться в код ImageSizer и отучить его лезть вообще в любой svg, но пока так. Больше проблем было с тем, чтобы можно было кликать. Чтобы картинка стала кликабельной, я ей навесил . Проблема усугубляется тем, что у ImageSizer несколько плагинов для отображения картинки, но некоторые из них не понимают , некоторые дико конфликтуют с bootstrap из–за CSS класса modal, а у mediabox на чёрном фоне не видно чёрные линии и чёрный текст. Самым простым способом мне показалось переделать mediabox на белый фон. Он там был в файлах, но через UI его переключить нельзя, и в самом css файле, который раньше не был задействован, пути абсолютные, ведущие не туда. И затенение почему–то сделано забелением. Перепилил css, сейчас всё как надо. MediaBox на поверку умеет отображать больше, чем просто картинки. Он может youTube видео отображать, а может IFRAME, и на SVG он среагировал именно так. Мне показалось, что есть смысл так и оставить. Из SVG внутри нельзя копировать текст, а из