to post messages and comments.

Не могу найти решение, подскажите, пожалуйста: я хочу анимировать в галерее SVG под IMG при наведении. Соответственно делаю внешний SVG, как мне теперь ему внутрь сказать, что делать, когда он :hover?

Всё чаще ко мне приходит мысль больше использовать SVG для изображений и иллюстраций. Круто же: семантичненько, файлы занимают меньше места, масштабируется без артефактов. Но почему использование SVG это постоянный "арррргх!!!" ?!?! Куча косяков где их не ждёшь совсем.

Сделал в Inkscape иллюстрацию про близнецовый метод исследования наследуемости признаков. По ссылке уже починенная версия. Поначалу я обнаружил, что во всех приложениях помимо Inkscape вместо текста отображается чёрный прямоугольник. Оказывается, текстовые объекты, создаваемые Inkscape по-умолчанию, это не текст. Нужно после создания обязательно ткнуть в меню Text -> convert to text. Вот какого Баллмера? Версия по ссылке отображается в браузерах так, как я хочу. Но в gwenview и вообще в KDE thumbnails отображается покорёженно. Почему?! Как это чинить? Кто виноват?

И что совсем странно, иллюстрацию я делал себе для карточки в Anki. При первой попытке вставить изображение я получил такой же рендеринг, как и в gwenview. Перезапустил Anki, вставил ещё раз — рендеринг нормальный.

Узнал про невероятную утилиту gtk-vector-screenshot (есть в дебиан репах). Она может делать векторные (SVG, pdf, ps) скриншоты GTK3 приложений! В эти приложения подгружается специальная библиотека, которая хучится куда-то в Cairo и вытаскивает оттуда готовую сцену в векторном виде. Вот как это выглядит в действии. Мне же удалось успешно заскриншотить zenity и meld, а вот Gnumeric и Abiword от таких издевательств сегфолтятся. Кто б для Qt аналог сделал.

Если кто не видел, Михаил Патракеев из ИММ УрО РАН нашёл возможность разрезать равносторонний треугольник на 5 равных частей.

Решение само по себе восхитительное и неожиданное, но я полюбовавшись взялся ещё по этому случаю посмотреть, какие инструменты люди используют, чтобы декларативно описывать всякие графики/схемы. Целью было в конечном счёте получить векторное изображение, которое можно будет где угодно просмотреть. Более-менее наобум взял pic (отчасти и глядя как лаконично на этом языке описывается глайдер). Получилось такое описание на диалекте DPIC (GNU pic заливку линии не поддерживает :-/). SVG файл по ссылке выше это то, что у меня получилось

Вопрос залу: как бы вы делали такой график в векторном виде? Есть подозрение, что лучше бы я взял MetaPost или Asymptote.

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

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

w3.org
Пытаюсь заюзать SVG на сайте с Joomla. <embed> переделывается встроенным TinyMCE в object как если бы это был Flash, с MIME типом флеша. Естественно, нифига не пашет. object с явным указанием MIME SVG переделывается TinyMCE в object с MIME принудительно выставленным на MIME флеша, и, конечно, нифига это не работает. Единственно я только IFRAME смог вставить, и то только потому что везде разрешил его.

svg

Похоже простейший способ — это модуль к inkscape на питоне накидать. Хреновый однакож формат, если готовых либ нет

svg

Мне надо из SVG файла извлечь все линии с поределённой label. А там все координаты — относительные, относительно предыдущего.
Внимание, вопрос! Они упрлс?

внезапно нашел интересную либу для рисования по веб-страницам: raphaeljs.com По сути, оно внедряет SVG на страницы, но в IE младше девятых тоже работает.

Новый жанр трэш-искусства. берешь SVG и генеришь там случайным образом объекты картины: дома, людей, говно, собак, хуету всякую. F5 — и картинка уже новая.

svg

прям беда какая-то. накладываю тень и все кромки становятся какими-то ребристыми :(
pix.academ.org

svg: raw.github.com

в фф и в inkscape картинка одинаковая
опера показывает что-то жуткое, с моей картинкой никак не связанное,
конкверор вообще забывает нарисовать тень

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

Ну общим, я действительно обламался понять доки по анимации в SVG. Нид хелп. Дано: картинка с 3мя квадратами.
Задача — сделать что бы они показывались последовательно по 1с каждый по кругу. Т.е.
0с-1с — показывается только первый,
1с-2с — только второй
2с-3с — только третий и по окончанию 3й секунды все заново.
Предпологаю что нужно использовать <animate attributeName="display" ... /> между inline и none. Но вот тайминг — проблема.
Репост приветствуется, как и предложения.
Вот ссылка на условия jsbin.com

пытаясь сделать что-то в SVG можно просто усраться с того, какое оно сложное и огромное. Конечно, все это ок, пока рисуешь картинки да прямоугольнички. Но там ведь еще есть скриптинг, анимации, и еще черт знает что...

Я на грани истерики. Вот есть дибильная document.createElementNS(null, "feColorMatrix");
Она создает тег <fecolormatrix> ВОТ БЛЯДЬ КАК ОНО ДОЛЖНО РАБОТАТЬ если ебучий SVG case sensetive? При чем иннерХТМЛ нельзя использовать с СВГ, блядь, убейте меня, или расскажите что делать. Уже час трааюсь с этой штукой, пока дшло в чем проблема и еще 40 минут не могу ее решить. Ааааа!

— Заменить векторную иконку в трее, что может быть проще, правда же? Сейчас я просто возьму иконку и…
— Не-е-е.
— Так, ладно. Вот тебе id на элементе, так уж и быть, раз такой глупый. Теперь то ты уж покажешь как надо.
— Не-е-е.
— Что, иконку расколбасило т.к. ширина больше высоты? Ну, сейчас я сделаю из неё символ, вставлю в квадратный SVG через use (с id на нём) по центру и всего делов.
— Не-е-е!
— Ах, да. Что это я в самом деле. Отрицательная координа во viewBox на элемент svg (хотя скорее всего ему всё равно, но мало ли). Квадрат цвета фона под иконку.
— Внезапно, заработало!

Не, там, конечно, может и несколько иконок быть внутри… но зачем так жить^W делать? (~_~)

скачал inkscape, решил попробовать порисовать svg. за вечер сделал 2 логотипа в нескольких вариантах. весьма понравилось работать. надо будет ещё что-нибудь нарисовать...

svg

Категорически рекомендую online-редактор SVG: svg-edit.googlecode.com

Интересен он будет в первую очеред программистам, которые могут рисовать в нем как при помощи XML, так и мышкой.

library ?
народ, а кто под винду знает
1) свободную (желательно опенсурсную) графическую либу под винду для обработки SVG/SVG Tiny и для отрисовки? есть идея для миранды
2) редактор и/и конвертер из SVG/SVG Tiny? Inkscape понимает простой SVG, а вот SVG Tiny не принимает.....