Вопросы с меткой [inkscape]

Inkscape (Инкскейп) — свободно распространяемый векторный графический редактор, использует открытый формат изображений SVG.

Фильтрация
Сортировка
Метки
0 голосов
2 ответа
225 показов

как нарисовать незамкнутую кривую в inkscape

Вопрос примитивный и обусловлен какой-то кривизной установки или "счастливой звездой". Пытаюсь начать работать с inkscape и встрял чуть ли не на первом шаге: нарисовать линию. Выбираю ...
bars's user avatar
  • 101
2 голоса
1 ответ
41 показ

Сделать 2 иконки из одной

<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"> <path fill="#5181b8" d="M 18,0.5 C 8.3348958,0.5 0.5,8.334896 0.5,18 0.5,27.665105 8.3348958,35.500001 18,35.500001 27.665104,35....
Дмитрий Варзанов's user avatar
2 голоса
2 ответа
102 показа

Как верно подбирать viewBox, размеры

Задача в том, чтобы исходное svg весило как можно меньше. Предположим, берем готовую иконку svg, меняем ее размеры либо в большую сторону, либо в меньшу. Вопрос в том, влияет ли размер холста, размер ...
Дмитрий Варзанов's user avatar
0 голосов
1 ответ
169 показов

Поделить одну целую фигуру svg на 2 в Inkscape

Есть одна цела фигура. Необходимо ее поделить на две, так чтобы визуальна фигура была таже только уже состоящая из двух элементов. Есть две координаты, два узла между которыми необходимо провести ...
Дмитрий Варзанов's user avatar
0 голосов
1 ответ
378 показов

Разгруппировать элементы в Inkscape

В данном случаи, все 4 элемента как 1 целое. Каким образом в Inkscape возможно выполнить так, чтобы каждый из 4 элементов был как 1, то есть разделить и работать с каждым по отдельности. <svg xmlns=...
Дмитрий Варзанов's user avatar
1 голос
1 ответ
36 показов

Поправить изгиб

<svg width='100px' viewBox="0 0 10 10" inkscape:version="1.1.2 (b8e25be833, 2022-02-05)" sodipodi:docname="рисунок-6.svg" version="1.1" id="svg109101" xmlns:inkscape="http://www....
Дмитрий Варзанов's user avatar
1 голос
1 ответ
167 показов

Inkscape - Разметка по x и y

Каким образом возможно сделать так, чтобы что по x что по y. Отсчет начинался от нуля? Пытаюсь ровную окружность выполнить по центру, с этим линями и тд. Это жеть... И возможно ли не задавать Viewbox? ...
Дмитрий Варзанов's user avatar
1 голос
1 ответ
164 показа

SVG - привести текст в path

Написал текст, выделил 2 первые буквы. Выбрал контур -> оконтурить объект На выходе получается для каждой буквы создается path, а сделать так чтобы один path для 2 и более символов. Собственно ...
Дмитрий Варзанов's user avatar
1 голос
1 ответ
254 показа

Inkscape, преобразовать текст в объект path

Предположим написал текст в редакторе Inkscape. Как его теперь привести в один объект, в качестве path? Все символы что есть, объединить и сделать на выходе как один объект в виде path.
Дмитрий Варзанов's user avatar
1 голос
1 ответ
148 показов

SVG + Inkscape - добавить радиусы на углах прямоугольников

<svg width="99" height="99" viewBox="0 0 36 36"> <path id="rect135" d="M 17.097472,5.7761733 H 30.190131 V 14.17088 H 17.097472 Z" fill="#ff0000" style="...
Дмитрий Варзанов's user avatar
1 голос
1 ответ
191 показ

Нарисовать круг в svg

Кто может нарисовать круг под размеры viewBox="0 0 36 36", простой круг. Ни эллипсом, а под тег path. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/...
Дмитрий Варзанов's user avatar
1 голос
1 ответ
589 показов

Как активировать масштабирование колесиком мыши, без нажатия на Ctrl?

Нашел в сети: CTRL+крутить колёсико мыши: масштабирует в позиции курсора. (Если в меню Файл ⇨ Настроить Inkscape ⇨ Прокрутка поставить галочку в чекбоксе По умолчанию колесо мыши масштабирует вид, то ...
Pedro404's user avatar
  • 484
0 голосов
0 ответов
298 показов

Как преобразовать "обводку" в контур

Всех приветствую. Я загрузил себе пример one line drawing (рисунок, написанный непрерывной линией, как если бы рисовали, не отрывая карандаша от бумаги) На одном сайте сконвертировал его в svg. Открыв ...
Тимур Машарипов's user avatar
4 голоса
2 ответа
434 показа

Анимированная надпись (handwriting) на сайте

При входе на сайт https://www.romboats.com/en заинтересовала первая страница (заставка), анимированное написание текста прописными буквами. Искала примеры, как сделать что-то подобное, но не нашла. ...
Гузель Заитова's user avatar
3 голоса
2 ответа
100 показов

Как реализовать такой элемент?

Как сделать такой декоративный элемент? В нем будет изменяться контент. SVG? CSS3(Transform)?
Taras's user avatar
  • 119
3 голоса
1 ответ
541 показ

Как ПРАВИЛЬНО задать размеры с помощью viewport svg-элементу?

Не могу до конца разобраться с размерами svg. Иконка instagram отображается так, как должна: сам svg -25*25, вся иконка - 49*49. Проблема возникает с иконкой facebook. Я думаю, что тут проблема в том, ...
Eva's user avatar
  • 1,889
1 голос
1 ответ
102 показа

Как сделать семиугольник (heptagon) в svg

Мне очень нужно сделать svg семиугольник, но я плохо разбираюсь в svg и в интернете не нашёл готового кода. Помогите пожалуйста примером или описанием способов, как его сделать.
Егор's user avatar
7 голосов
3 ответа
2k показов

SVG интерактивная карта плана помещения с маршрутом

Есть два svg плана здания: 1й этаж и 2й этаж. На каждом этаже некоторое кол-во офисов и точка "вы находитесь тут" (как на плане эвакуации). Задача - на сайте при клике по названию / номеру ...
BorsheC's user avatar
  • 163
4 голоса
2 ответа
799 показов

Как нарисовать букву S?

У меня есть иконка с фоном, в которой нужно нарисовать букву S. Пытаюсь сделать это сам, но выходит криво =) <?xml version="1.0" encoding="iso-8859-1"?> <svg xmlns="http://www.w3....
webphp's user avatar
  • 1,342
5 голосов
3 ответа
463 показа

Анимирование SVG на CSS

Хотел для сайта сделать анимацию, но так опыта в этом нет, пошел гуглить, почти ничего нет на чистый CSS. Единственное что я понял, это не легко выучить за 10 минут. Может ли кто-то помочь мне ...
Alexandr_TT's user avatar
1 голос
1 ответ
84 показа

Скрыть текст в Inkscape

Есть 1000 svg картинок внутри которых содержится слои с изображением и текст, мне нужно экспортировать только изображения в *.png, как скрыть или удалить текст?,так как руками не вариант экпорт делаю ...
evik's user avatar
  • 31
2 голоса
1 ответ
57 показов

Как ускорить конвертацию svg в png через Inkscape

Сейчас конвертирую так: inkscape -z -e test.png -w 100 -h 100 test.svg, но это очень долго. Сохранять необходимо без GUI. Как можно ускорить сохранение?
doox911's user avatar
  • 3,818
3 голоса
1 ответ
101 показ

Пиксилизация SVG

Имеется вектор, при больших размерах он имеет хорошие границы, но при уменьшении размера от 25px - вектор начинает себя вести очень странно! Появляется эффект пиксилизации на границах! <svg xmlns=...
Maxim Sivakon's user avatar
3 голоса
2 ответа
181 показ

Не отображается svg в браузере

Сделал картинку в Inkscape. Для того, чтобы сделать анимацию рукописного ввода. Пытаюсь вставить на сайт, но она не отображается. Пытался просто код вставлять <code lang="html"> <svg>...&...
Альберт Гумаров's user avatar
3 голоса
1 ответ
257 показов

Почему редакторы векторной графики всё портят и как от этого избавиться?

По факту вопрос один, как правильно сохранить SVG, чтобы в последствии его можно было редактировать без проблем? Если коротко, то столкнулся с проблемой при экспорте в SVG из векторных редакторов ...
fens's user avatar
  • 190
7 голосов
2 ответа
1k показов

Как обрезать блок по заданной форме

Есть такой дизайн. Внизу блока вместо прямой границы нарисован овал. Как его сделать?
Denis's user avatar
  • 1,701
4 голоса
1 ответ
391 показ

Отобразить текст в svg, как изображение

Есть одна проблема - нужно отображать цвет в svg не просто как текст в теге <text></text>, а как картинку. Связано это с тем, что есть приложение генерирующее svg файлы, которые должны ...
Евгений Бабийчук's user avatar
3 голоса
2 ответа
239 показов

Как выровнять фон по середине контейнера bootstrap'а?

Как можно выровнять фон у контейнера (fluid), чтобы он полностью отображался. Есть картинка (SVG) - волна, если задавать через bg-url, то либо верх, либо центр , либо низ картинки видно. Первый скрин. ...
Anton Brock's user avatar
9 голосов
2 ответа
598 показов

Как сделать адаптивное приложение без медиа запросов по макету дизайнера?

Подскажите пожалуйста, как лучше сверстать в данном случае, соты? Я верстал подобное, но там были одинаковые бордеры (Приложил код). В данном же случае, все куда труднее и у меня нет особо идей как ...
Глеб Ростишевский's user avatar
6 голосов
3 ответа
171 показ

Как нарисовать такой значок с помощью fabric.js

Вот такое надо нарисовать: Интересно, как нарисовать полукруги с помощью кривых Безье? Потому что простые полукруги не совсем подходят, так как надо рисовать стрелочки.
Настя Силаева's user avatar
9 голосов
3 ответа
2k показов

Как оптимизировать svg код полученный из векторного редактора

Мне необходимо как-то оптимизировать код, получаемый на выходе из векторного редактора Inkscape Для примера рисую базовую фигуру SVG - circle, формула которой состоит всего из нескольких строк ...
Alexandr_TT's user avatar
5 голосов
1 ответ
148 показов

Логика работы последовательности трансформаций в transform

До конца не понимаю как работают трансформации в SVG. <svg style="width:400px; height: 400px;" viewBox="-100 -100 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/...
Дмитрий Полянин's user avatar
10 голосов
5 ответов
716 показов

Как привести имеющуюся фигуру SVG к другим координатам

У меня есть фигура SVG, которую я получил из SVG редактора. Как её перевести в координаты к началу координат нужного размера? Сейчас чтобы её куда-то поместить приходится добавлять к path transform="...
Дмитрий Полянин's user avatar
6 голосов
1 ответ
6k показов

Как масштабировать размеры иконок svg

Вот есть код: <style> .alignlef { display: inline; float: left; margin-right: 1.625em; } </style> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://...
Анатолий's user avatar
4 голоса
1 ответ
117 показов

Каким образом меняется размер clipPath?

Господа, столкнулся я значит с такой задачей: Есть слайдер, все фото которые в него попадают(180px/180px), должны быть обрезаны по контуру. Для фигурной обрезки было решено использовать SVG маску. В ...
Eugene Mikhalov's user avatar
9 голосов
1 ответ
2k показов

способ верстки волнистого фона. сложный фон

Пытаюсь представить способы и пути решения верстки подобного шаблона: Подскажите, где почитать, как сделать такой фон не целой картинкой. Интересно и отдельные белые частицы и наклонные волнистые ...
Вячеслав's user avatar
4 голоса
2 ответа
459 показов

Как сделать вечную привязку (snap) в Inkscape?

концы линии привязаны к центрам кругов. Как делать так, чтобы при смещении кругов смещалась и соединяющая их центры линия? UPD (после первого ответа). Круги смещаются по отдельности: один круг ...
yalov's user avatar
  • 142
23 голоса
4 ответа
4k показов

Книги и учебные материалы по SVG

Подскажите какой-нибудь хороший материал по изучению SVG? Желательно на русском. Какой редактор необходимо будет изучить и использовать?
Sinevik's user avatar
  • 569
4 голоса
5 ответов
5k показов

Как правильно скрыть часть изображения?

Имеется изображение в формате <img src="/">, как скрыть обрезать угол изображения? А если изображение будете задано в качестве bg фона?
Михаил Р.'s user avatar
4 голоса
2 ответа
718 показов

Как растянуть svg маску по высоте?

Изображение обрезается, как растянуть svg маску по высоте? Оригинал .item { height: 500px; } .svg-mask { width: 100%; overflow: hidden; } .image-with-mask { width: 100%; ...
Наташа's user avatar
5 голосов
1 ответ
384 показа

SVG-графика (.NET, C#)

Имеется xml-документ с несколькими элементами rect и line. Возможно ли получить доступ к редактированию любого из этих элементов при открытии соответствующего svg-файла в графических редакторах, "...
Ivan Belyaev's user avatar
2 голоса
2 ответа
167 показов

Генерация изображений с random patterns

Я пытался создать специальный random pattern. Например, случайные черные точки, как на рисунке: Однако, мне необходимо гораздо большее изображение, чем на рисунке, с 100 000 точек / ...
Alexandr_TT's user avatar
2 голоса
1 ответ
398 показов

Как создать многоугольник в SVG

Хочу создать несколько сложных фигур (как в тетрисе) вплотную друг к другу с заливкой разным цветов. Всё это вместе образует план здания. Я так понял что мне нужен элемент polygon. Использовал ...
marrk2's user avatar
  • 451
0 голосов
1 ответ
289 показов

Многоугольник полилайнами в Inkscape

Как нарисовать многоугольник полилайнами в Inkscape? Ручками выглядит вот так(см. код) path { fill: transparent; stroke: grey; stroke-width: 2; stroke-linecap: round; stroke-...
Shamil's user avatar
  • 47
3 голоса
2 ответа
488 показов

Конвертация в вектор растрового изображения с низким разрешением

Имеется картинка низкого разрешения 32*32px (пиксель-арт), которая при конвертации через potrace convert input.png temp.pnm potrace temp.pnm -s -o output.svg или через inkscape (вроде он тоже ...
while1pass's user avatar
  • 2,265
3 голоса
1 ответ
445 показов

Преобразование координат svg объекта, созданного в Inkscape для web-страницы

Есть несколько кнопок, нарисованных в Inkscape. Нарисованы они друг под другом. При сохранении в svg образуются path с координатами Inkscape. Для работы с svg использую Snapsvg. Загружая файл и ...
sepgg's user avatar
  • 2,566