Вопросы с меткой [inkscape]
Inkscape (Инкскейп) — свободно распространяемый векторный графический редактор, использует открытый формат изображений SVG.
46
вопросов
0
голосов
1
ответ
68
показов
как нарисовать незамкнутую кривую в inkscape
Вопрос примитивный и обусловлен какой-то кривизной установки или "счастливой звездой".
Пытаюсь начать работать с inkscape и встрял чуть ли не на первом шаге: нарисовать линию.
Выбираю ...
2
голоса
1
ответ
31
показ
Сделать 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....
2
голоса
2
ответа
74
показа
Как верно подбирать viewBox, размеры
Задача в том, чтобы исходное svg весило как можно меньше.
Предположим, берем готовую иконку svg, меняем ее размеры либо в большую сторону, либо в меньшу.
Вопрос в том, влияет ли размер холста, размер ...
0
голосов
1
ответ
48
показов
Поделить одну целую фигуру svg на 2 в Inkscape
Есть одна цела фигура. Необходимо ее поделить на две, так чтобы визуальна фигура была таже только уже состоящая из двух элементов.
Есть две координаты, два узла между которыми необходимо провести ...
0
голосов
1
ответ
112
показов
Разгруппировать элементы в Inkscape
В данном случаи, все 4 элемента как 1 целое. Каким образом в Inkscape возможно выполнить так, чтобы каждый из 4 элементов был как 1, то есть разделить и работать с каждым по отдельности.
<svg xmlns=...
1
голос
1
ответ
32
показа
Поправить изгиб
<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....
1
голос
1
ответ
100
показов
Inkscape - Разметка по x и y
Каким образом возможно сделать так, чтобы что по x что по y. Отсчет начинался от нуля?
Пытаюсь ровную окружность выполнить по центру, с этим линями и тд. Это жеть...
И возможно ли не задавать Viewbox? ...
1
голос
1
ответ
68
показов
SVG - привести текст в path
Написал текст, выделил 2 первые буквы. Выбрал контур -> оконтурить объект
На выходе получается для каждой буквы создается path, а сделать так чтобы один path для 2 и более символов.
Собственно ...
1
голос
1
ответ
116
показов
Inkscape, преобразовать текст в объект path
Предположим написал текст в редакторе Inkscape.
Как его теперь привести в один объект, в качестве path?
Все символы что есть, объединить и сделать на выходе как один объект в виде path.
1
голос
1
ответ
60
показов
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="...
1
голос
1
ответ
124
показа
Нарисовать круг в svg
Кто может нарисовать круг под размеры viewBox="0 0 36 36", простой круг. Ни эллипсом, а под тег path.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/...
1
голос
1
ответ
274
показа
Как активировать масштабирование колесиком мыши, без нажатия на Ctrl?
Нашел в сети:
CTRL+крутить колёсико мыши: масштабирует в позиции курсора. (Если в
меню Файл ⇨ Настроить Inkscape ⇨ Прокрутка поставить галочку в
чекбоксе По умолчанию колесо мыши масштабирует вид, то ...
0
голосов
0
ответов
202
показа
Как преобразовать "обводку" в контур
Всех приветствую. Я загрузил себе пример one line drawing (рисунок, написанный непрерывной линией, как если бы рисовали, не отрывая карандаша от бумаги) На одном сайте сконвертировал его в svg. Открыв ...
4
голоса
2
ответа
349
показов
Анимированная надпись (handwriting) на сайте
При входе на сайт https://www.romboats.com/en заинтересовала первая страница (заставка), анимированное написание текста прописными буквами. Искала примеры, как сделать что-то подобное, но не нашла. ...
4
голоса
2
ответа
94
показа
Как реализовать такой элемент?
Как сделать такой декоративный элемент? В нем будет изменяться контент. SVG? CSS3(Transform)?
3
голоса
1
ответ
399
показов
Как ПРАВИЛЬНО задать размеры с помощью viewport svg-элементу?
Не могу до конца разобраться с размерами svg.
Иконка instagram отображается так, как должна: сам svg -25*25, вся иконка - 49*49.
Проблема возникает с иконкой facebook. Я думаю, что тут проблема в том, ...
1
голос
1
ответ
75
показов
Как сделать семиугольник (heptagon) в svg
Мне очень нужно сделать svg семиугольник, но я плохо разбираюсь в svg и в интернете не нашёл готового кода. Помогите пожалуйста примером или описанием способов, как его сделать.
7
голосов
3
ответа
1k
показов
SVG интерактивная карта плана помещения с маршрутом
Есть два svg плана здания: 1й этаж и 2й этаж. На каждом этаже некоторое кол-во офисов и точка "вы находитесь тут" (как на плане эвакуации).
Задача - на сайте при клике по названию / номеру ...
4
голоса
2
ответа
626
показов
Как нарисовать букву S?
У меня есть иконка с фоном, в которой нужно нарисовать букву S.
Пытаюсь сделать это сам, но выходит криво =)
<?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3....
5
голосов
3
ответа
401
показ
Анимирование SVG на CSS
Хотел для сайта сделать анимацию, но так опыта в этом нет, пошел гуглить, почти ничего нет на чистый CSS. Единственное что я понял, это не легко выучить за 10 минут.
Может ли кто-то помочь мне ...
1
голос
1
ответ
52
показа
Скрыть текст в Inkscape
Есть 1000 svg картинок внутри которых содержится слои с изображением и текст, мне нужно экспортировать только изображения в *.png, как скрыть или удалить текст?,так как руками не вариант экпорт делаю ...
2
голоса
1
ответ
53
показа
Как ускорить конвертацию svg в png через Inkscape
Сейчас конвертирую так: inkscape -z -e test.png -w 100 -h 100 test.svg, но это очень долго. Сохранять необходимо без GUI. Как можно ускорить сохранение?
3
голоса
1
ответ
92
показа
Пиксилизация SVG
Имеется вектор, при больших размерах он имеет хорошие границы, но при уменьшении размера от 25px - вектор начинает себя вести очень странно! Появляется эффект пиксилизации на границах!
<svg xmlns=...
3
голоса
2
ответа
160
показов
Не отображается svg в браузере
Сделал картинку в Inkscape. Для того, чтобы сделать анимацию рукописного ввода. Пытаюсь вставить на сайт, но она не отображается.
Пытался просто код вставлять <code lang="html"> <svg>...&...
3
голоса
1
ответ
164
показа
Почему редакторы векторной графики всё портят и как от этого избавиться?
По факту вопрос один, как правильно сохранить SVG, чтобы в последствии его можно было редактировать без проблем?
Если коротко, то столкнулся с проблемой при экспорте в SVG из векторных редакторов ...
7
голосов
2
ответа
929
показов
Как обрезать блок по заданной форме
Есть такой дизайн.
Внизу блока вместо прямой границы нарисован овал. Как его сделать?
4
голоса
1
ответ
268
показов
Отобразить текст в svg, как изображение
Есть одна проблема - нужно отображать цвет в svg не просто как текст в теге <text></text>, а как картинку. Связано это с тем, что есть приложение генерирующее svg файлы, которые должны ...
3
голоса
2
ответа
220
показов
Как выровнять фон по середине контейнера bootstrap'а?
Как можно выровнять фон у контейнера (fluid), чтобы он полностью отображался.
Есть картинка (SVG) - волна, если задавать через bg-url, то либо верх, либо центр , либо низ картинки видно.
Первый скрин. ...
9
голосов
2
ответа
518
показов
Как сделать адаптивное приложение без медиа запросов по макету дизайнера?
Подскажите пожалуйста, как лучше сверстать в данном случае, соты?
Я верстал подобное, но там были одинаковые бордеры (Приложил код).
В данном же случае, все куда труднее и у меня нет особо идей как ...
6
голосов
3
ответа
159
показов
Как нарисовать такой значок с помощью fabric.js
Вот такое надо нарисовать:
Интересно, как нарисовать полукруги с помощью кривых Безье? Потому что простые полукруги не совсем подходят, так как надо рисовать стрелочки.
9
голосов
3
ответа
1k
показов
Как оптимизировать svg код полученный из векторного редактора
Мне необходимо как-то оптимизировать код, получаемый на выходе из векторного редактора Inkscape
Для примера рисую базовую фигуру SVG - circle, формула которой состоит всего из нескольких строк ...
5
голосов
1
ответ
133
показа
Логика работы последовательности трансформаций в 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/...
10
голосов
5
ответов
630
показов
Как привести имеющуюся фигуру SVG к другим координатам
У меня есть фигура SVG, которую я получил из SVG редактора.
Как её перевести в координаты к началу координат нужного размера?
Сейчас чтобы её куда-то поместить приходится добавлять к path transform="...
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://...
4
голоса
1
ответ
108
показов
Каким образом меняется размер clipPath?
Господа, столкнулся я значит с такой задачей:
Есть слайдер, все фото которые в него попадают(180px/180px), должны быть обрезаны по контуру.
Для фигурной обрезки было решено использовать SVG маску.
В ...
9
голосов
1
ответ
2k
показов
способ верстки волнистого фона. сложный фон
Пытаюсь представить способы и пути решения верстки подобного шаблона:
Подскажите, где почитать, как сделать такой фон не целой картинкой. Интересно и отдельные белые частицы и наклонные волнистые ...
4
голоса
2
ответа
373
показа
Как сделать вечную привязку (snap) в Inkscape?
концы линии привязаны к центрам кругов. Как делать так, чтобы при смещении кругов смещалась и соединяющая их центры линия?
UPD (после первого ответа). Круги смещаются по отдельности: один круг ...
22
голоса
3
ответа
4k
показов
Книги и учебные материалы по SVG
Подскажите какой-нибудь хороший материал по изучению SVG?
Желательно на русском.
Какой редактор необходимо будет изучить и использовать?
4
голоса
5
ответов
4k
показов
Как правильно скрыть часть изображения?
Имеется изображение в формате <img src="/">, как скрыть обрезать угол изображения?
А если изображение будете задано в качестве bg фона?
4
голоса
2
ответа
639
показов
Как растянуть svg маску по высоте?
Изображение обрезается, как растянуть svg маску по высоте?
Оригинал
.item {
height: 500px;
}
.svg-mask {
width: 100%;
overflow: hidden;
}
.image-with-mask {
width: 100%;
...
5
голосов
1
ответ
350
показов
SVG-графика (.NET, C#)
Имеется xml-документ с несколькими элементами rect и line.
Возможно ли получить доступ к редактированию любого из этих элементов при открытии соответствующего svg-файла в графических редакторах, "...
2
голоса
2
ответа
155
показов
Генерация изображений с random patterns
Я пытался создать специальный random pattern.
Например, случайные черные точки, как на рисунке:
Однако, мне необходимо гораздо большее изображение, чем на рисунке, с 100 000 точек / ...
2
голоса
1
ответ
366
показов
Как создать многоугольник в SVG
Хочу создать несколько сложных фигур (как в тетрисе) вплотную друг к другу с заливкой разным цветов. Всё это вместе образует план здания. Я так понял что мне нужен элемент polygon.
Использовал ...
0
голосов
1
ответ
246
показов
Многоугольник полилайнами в Inkscape
Как нарисовать многоугольник полилайнами в Inkscape?
Ручками выглядит вот так(см. код)
path {
fill: transparent;
stroke: grey;
stroke-width: 2;
stroke-linecap: round;
stroke-...
3
голоса
2
ответа
388
показов
Конвертация в вектор растрового изображения с низким разрешением
Имеется картинка низкого разрешения 32*32px (пиксель-арт), которая при конвертации через potrace
convert input.png temp.pnm
potrace temp.pnm -s -o output.svg
или через inkscape (вроде он тоже ...
3
голоса
1
ответ
416
показов
Преобразование координат svg объекта, созданного в Inkscape для web-страницы
Есть несколько кнопок, нарисованных в Inkscape. Нарисованы они друг под другом.
При сохранении в svg образуются path с координатами Inkscape.
Для работы с svg использую Snapsvg. Загружая файл и ...