Self-Perfection
svg Придумал: круто же сохранять скриншоты консольных приложений в SVG. Но реализовать не удалось.

Попытка напрямую получить векторное представление через gtk-vector-screenshot не вышла. Пробовал Xfce-Terminal, tilix и GNOME Terminal и на выходе либо ничего, либо содержимое окна терминала растром.

Ладно, можно получить текстовое представление содержимого окна терминала с сохранением форматирования в виде HTML. Например, из Konsole.

Но что дальше? Можно включать HTML код в SVG через тег foreignObject, но через SVG Tiny он не рендерится.
Найденные онлайн HTML → SVG конвертеры падают или выдают фигню.
Лучший результат выдал cutycapt — консольный инструмент сохранения рендеринга HTML через WebKit. Но если в нём выбирать в качестве выходного формата SVG, то текст конвертируется в path и на выходе получается многомегабайтный бестолковый файл не лучше растра. А при сохранении в postscript теряется цвет. И в текстовом редакторе это выглядит кашей.
OCTAGRAM
web svg CSS В SVG есть текстуры. В частности, растровые можно устроить. Но в FireFox, если открыть SVG в отдельной вкладке, текстура отрисовывается всегда, а если указать SVG как background url, то только если она внедрена как data. Внешние связи не работают. Наверное, это как-то связано с безопасностью, а, может, движок так радикально свои возможности расширить не может.

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

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

И что совсем странно, иллюстрацию я делал себе для карточки в Anki. При первой попытке вставить изображение я получил такой же рендеринг, как и в gwenview. Перезапустил Anki, вставил ещё раз — рендеринг нормальный.
Self-Perfection
svg gtk3 screenshot Узнал про невероятную утилиту gtk-vector-screenshot (есть в дебиан репах). Она может делать векторные (SVG, pdf, ps) скриншоты GTK3 приложений! В эти приложения подгружается специальная библиотека, которая хучится куда-то в Cairo и вытаскивает оттуда готовую сцену в векторном виде. Вот как это выглядит в действии. Мне же удалось успешно заскриншотить zenity и meld, а вот Gnumeric и Abiword от таких издевательств сегфолтятся. Кто б для Qt аналог сделал.
Self-Perfection
svg pic математика Если кто не видел, Михаил Патракеев из ИММ УрО РАН нашёл возможность разрезать равносторонний треугольник на 5 равных частей.

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

Вопрос залу: как бы вы делали такой график в векторном виде? Есть подозрение, что лучше бы я взял MetaPost или Asymptote.
alar
q svg single-page WWW JS *adhoc *programming Хочу сделать хуяк-хуяк игрушку для маленьких детей на SVG. Кто знает, куда смотреть и что брать: голый SVG, D3.js, ещёчёнить?
OCTAGRAM
svg eps office Приловчился уже конвертить векторные форматы в EPS, так как других нормальных векторных форматов MS Office не поддерживает. Ну не EMF же! На компьютере выглядит погано, сглаживания никакого нет, но если увеличивать или печатать, видно, что там всё–таки вектор, всё ровно получается.
OCTAGRAM
Joomla web svg 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> — можно.
OCTAGRAM
Joomla web svg w3.org
Пытаюсь заюзать SVG на сайте с Joomla. <embed> переделывается встроенным TinyMCE в object как если бы это был Flash, с MIME типом флеша. Естественно, нифига не пашет. object с явным указанием MIME SVG переделывается TinyMCE в object с MIME принудительно выставленным на MIME флеша, и, конечно, нифига это не работает. Единственно я только IFRAME смог вставить, и то только потому что везде разрешил его.
datacompboy
svg Похоже простейший способ — это модуль к inkscape на питоне накидать. Хреновый однакож формат, если готовых либ нет
datacompboy
svg Мне надо из SVG файла извлечь все линии с поределённой label. А там все координаты — относительные, относительно предыдущего.
Внимание, вопрос! Они упрлс?
nox
svg трэш идея Новый жанр трэш-искусства. берешь SVG и генеришь там случайным образом объекты картины: дома, людей, говно, собак, хуету всякую. F5 — и картинка уже новая.
rion
svg прям беда какая-то. накладываю тень и все кромки становятся какими-то ребристыми :(
pix.academ.org

svg: raw.github.com

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

если например в фф изменить масштаб примерно раза в 2 меньшую сторону, то ребристость внезапно пропадает. в инкскейпе не пропадает ни при каких условиях, кроме как если убрать гауссово размытие, без которого тень невозможна.
Shchvova
help ! web svg ? Ну общим, я действительно обламался понять доки по анимации в SVG. Нид хелп. Дано: картинка с 3мя квадратами.
Задача — сделать что бы они показывались последовательно по 1с каждый по кругу. Т.е.
0с-1с — показывается только первый,
1с-2с — только второй
2с-3с — только третий и по окончанию 3й секунды все заново.
Предпологаю что нужно использовать <animate attributeName="display" ... /> между inline и none. Но вот тайминг — проблема.
Репост приветствуется, как и предложения.
Вот ссылка на условия jsbin.com
Shchvova
web svg gamedev программирование пытаясь сделать что-то в SVG можно просто усраться с того, какое оно сложное и огромное. Конечно, все это ок, пока рисуешь картинки да прямоугольнички. Но там ведь еще есть скриптинг, анимации, и еще черт знает что...
Shchvova
svg HTML5 JavaScript говно ? Я на грани истерики. Вот есть дибильная document.createElementNS(null, "feColorMatrix");
Она создает тег <fecolormatrix> ВОТ БЛЯДЬ КАК ОНО ДОЛЖНО РАБОТАТЬ если ебучий SVG case sensetive? При чем иннерХТМЛ нельзя использовать с СВГ, блядь, убейте меня, или расскажите что делать. Уже час трааюсь с этой штукой, пока дшло в чем проблема и еще 40 минут не могу ее решить. Ааааа!
Tenno-Seremel
svg Linux KDE — Заменить векторную иконку в трее, что может быть проще, правда же? Сейчас я просто возьму иконку и…
— Не-е-е.
— Так, ладно. Вот тебе id на элементе, так уж и быть, раз такой глупый. Теперь то ты уж покажешь как надо.
— Не-е-е.
— Что, иконку расколбасило т.к. ширина больше высоты? Ну, сейчас я сделаю из неё символ, вставлю в квадратный SVG через use (с id на нём) по центру и всего делов.
— Не-е-е!
— Ах, да. Что это я в самом деле. Отрицательная координа во viewBox на элемент svg (хотя скорее всего ему всё равно, но мало ли). Квадрат цвета фона под иконку.
— Внезапно, заработало!

Не, там, конечно, может и несколько иконок быть внутри… но зачем так жить^W делать? (~_~)
Disabler
svg gfx inkscape скачал inkscape, решил попробовать порисовать svg. за вечер сделал 2 логотипа в нескольких вариантах. весьма понравилось работать. надо будет ещё что-нибудь нарисовать...
rb
svg Категорически рекомендую online-редактор SVG: svg-edit.googlecode.com

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