LINUX.ORG.RU

А как сделать текстовую квадратную svg с одной большой литерой посередине?

 


0

1

Такая вот, казалось бы, простенькая хотелка.
Нужен квадратный svg, посередине которого будет литера, которая будет занимать бОльшую часть площади (и желательно чтобы это +\- настраивалось).
Кто-то вообще умеет такие вещи делать?

Deleted

Ответ на: комментарий от anonymous

Я не умею Inkscape. Пробовал уже:)
Но мне кажется всё должно быть просто: там же можно кодом это писать, a la xml.
Просто я не уверен, что хочу реализуемое. В вебе я не шарю, а нахрапом не получается.

Deleted
()
Ответ на: комментарий от Deleted

Я не умею Inkscape

Что там уметь

ctrl+N создать новый файл

F8 шрифт(сверху панель настроить) лев клик мышки и нажимаете вашу букву

F1 трансформировать растягиваете и перемещаете как надо

ctrl+S сохранить

vs220
()
Ответ на: комментарий от Deleted

Файл создать по шаблону - десктоп или иконка и настраивайте

vs220
()
Ответ на: комментарий от Deleted

Если бы всё было так просто, то на кой чёрт я создавал бы тему с вопросом?

а в чём проблема? У тебя лапки?

anonymous
()
Ответ на: комментарий от AS

Хотелось бы чтобы внутри svg была литера (которую можно заменить), а не набор коррдинат отрезков. В принципе это возможно, но не факт что возможно красиво.

Deleted
()

shadertoy.com

anonymous
()
Ответ на: комментарий от Deleted

Хотелось бы чтобы внутри svg была литера (которую можно заменить)

Сейчас посмотрел, он так и делает.

AS ★★★★★
()
Ответ на: комментарий от Deleted

Сохраняйте как inkscape.svg (сохранить как) Потом можно открыть и редактировать F8 шрифт лев клик мышки и редактируете букву

vs220
()
Ответ на: комментарий от Deleted
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="200" width="200">
  <rect width="200" height="200" style="fill:rgb(0,255,0);stroke-width:3;stroke:rgb(0,0,0)" />
  <text x="1" y="190" fill="red" font-size="240" font-family="Arial" font-weight="bold" font-style="italic" font-variant="normal">G</text>
</svg>
anonymous
()
Ответ на: комментарий от Deleted

блин, тебе ещё и ложку...

работает в Google Chrome:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="200" width="200">
  <rect width="200" height="200" style="fill:rgb(0,255,0);stroke-width:3;stroke:rgb(0,0,0)" />
  <text x="100" y="100" fill="red" alignment-baseline="central" text-anchor="middle" font-size="240" font-family="Arial" font-weight="bold" font-style="normal" font-variant="normal">G</text>
</svg>

** Firefox не реализовал множество атрибутов презентации для текстового модуля SVG, в IE11 тоже поленились

anonymous
()
Ответ на: комментарий от anonymous

Ну конечно ложку. Нахрена мне мёд коли там дёгтя чуть больше чем говна:)
Ясно, значит затея изначально дурацкая. Жаль.

Deleted
()
Ответ на: комментарий от anonymous

кстати, это было не «криво», а font-style=«italic»

в общем, предлагаю не выделываться и использовать подгонку координат по высоте, которая везде работает

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="200" width="200">
  <rect width="200" height="200" style="fill:rgb(0,255,0);stroke-width:3;stroke:rgb(0,0,0)" />
  <text x="100" y="185" fill="red" text-anchor="middle" font-size="240" font-family="Arial" font-weight="bold" font-style="normal" font-variant="normal">G</text>
</svg>

в крайнем случае, генерируй javascript`ом или что там у тебя есть

anonymous
()
Ответ на: комментарий от Deleted

затея изначально дурацкая

это тебе только кажется, но ты не отчаивайся, пиши, спрашивай, у тебя пока смешно получается

P.S. как формулировать вопросы на форуме и зачем быть вежливым, всё-таки почитай: https://www.opennet.ru/docs/RUS/smart_question/

anonymous
()
Ответ на: комментарий от Deleted

у тебя неверное понимание «площади», да и вообще ты додик

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.