Вопросы с меткой [inkscape]
Inkscape (Инкскейп) — свободно распространяемый векторный графический редактор, использует открытый формат изображений SVG.
42
вопроса
0
голосов
0
ответов
13
показов
Радиус наружу в Inkscape
Каким образом, делаются радиус в обозначенной зоне?
1
голос
1
ответ
26
показов
Поправить изгиб
<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
ответ
49
показов
Inkscape - Разметка по x и y
Каким образом возможно сделать так, чтобы что по x что по y. Отсчет начинался от нуля?
Пытаюсь ровную окружность выполнить по центру, с этим линями и тд. Это жеть...
И возможно ли не задавать Viewbox? ...
1
голос
1
ответ
25
показов
SVG - привести текст в path
Написал текст, выделил 2 первые буквы. Выбрал контур -> оконтурить объект
На выходе получается для каждой буквы создается path, а сделать так чтобы один path для 2 и более символов.
Собственно ...
1
голос
1
ответ
23
показа
Inkscape, преобразовать текст в объект path
Предположим написал текст в редакторе Inkscape.
Как его теперь привести в один объект, в качестве path?
Все символы что есть, объединить и сделать на выходе как один объект в виде path.
1
голос
1
ответ
20
показов
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
ответ
24
показа
Нарисовать круг в svg
Кто может нарисовать круг под размеры viewBox="0 0 36 36", простой круг. Ни эллипсом, а под тег path.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/...
1
голос
0
ответов
64
показа
Как активировать масштабирование колесиком мыши, без нажатия на Ctrl?
Нашел в сети:
CTRL+крутить колёсико мыши: масштабирует в позиции курсора. (Если в
меню Файл ⇨ Настроить Inkscape ⇨ Прокрутка поставить галочку в
чекбоксе По умолчанию колесо мыши масштабирует вид, то ...
0
голосов
0
ответов
112
показов
Как преобразовать "обводку" в контур
Всех приветствую. Я загрузил себе пример one line drawing (рисунок, написанный непрерывной линией, как если бы рисовали, не отрывая карандаша от бумаги) На одном сайте сконвертировал его в svg. Открыв ...
4
голоса
2
ответа
184
показа
Анимированная надпись (handwriting) на сайте
При входе на сайт https://www.romboats.com/en заинтересовала первая страница (заставка), анимированное написание текста прописными буквами. Искала примеры, как сделать что-то подобное, но не нашла. ...
4
голоса
2
ответа
90
показов
Как реализовать такой элемент?
Как сделать такой декоративный элемент? В нем будет изменяться контент. SVG? CSS3(Transform)?
3
голоса
1
ответ
258
показов
Как ПРАВИЛЬНО задать размеры с помощью viewport svg-элементу?
Не могу до конца разобраться с размерами svg.
Иконка instagram отображается так, как должна: сам svg -25*25, вся иконка - 49*49.
Проблема возникает с иконкой facebook. Я думаю, что тут проблема в том, ...
1
голос
1
ответ
58
показов
Как сделать семиугольник (heptagon) в svg
Мне очень нужно сделать svg семиугольник, но я плохо разбираюсь в svg и в интернете не нашёл готового кода. Помогите пожалуйста примером или описанием способов, как его сделать.
7
голосов
3
ответа
753
показа
SVG интерактивная карта плана помещения с маршрутом
Есть два svg плана здания: 1й этаж и 2й этаж. На каждом этаже некоторое кол-во офисов и точка "вы находитесь тут" (как на плане эвакуации).
Задача - на сайте при клике по названию / номеру ...
4
голоса
2
ответа
429
показов
Как нарисовать букву S?
У меня есть иконка с фоном, в которой нужно нарисовать букву S.
Пытаюсь сделать это сам, но выходит криво =)
<?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3....
5
голосов
3
ответа
304
показа
Анимирование SVG на CSS
Хотел для сайта сделать анимацию, но так опыта в этом нет, пошел гуглить, почти ничего нет на чистый CSS. Единственное что я понял, это не легко выучить за 10 минут.
Может ли кто-то помочь мне ...
1
голос
1
ответ
29
показов
Скрыть текст в Inkscape
Есть 1000 svg картинок внутри которых содержится слои с изображением и текст, мне нужно экспортировать только изображения в *.png, как скрыть или удалить текст?,так как руками не вариант экпорт делаю ...
2
голоса
1
ответ
47
показов
Как ускорить конвертацию svg в png через Inkscape
Сейчас конвертирую так: inkscape -z -e test.png -w 100 -h 100 test.svg, но это очень долго. Сохранять необходимо без GUI. Как можно ускорить сохранение?
3
голоса
1
ответ
73
показа
Пиксилизация SVG
Имеется вектор, при больших размерах он имеет хорошие границы, но при уменьшении размера от 25px - вектор начинает себя вести очень странно! Появляется эффект пиксилизации на границах!
<svg xmlns=...
3
голоса
2
ответа
112
показов
Не отображается svg в браузере
Сделал картинку в Inkscape. Для того, чтобы сделать анимацию рукописного ввода. Пытаюсь вставить на сайт, но она не отображается.
Пытался просто код вставлять <code lang="html"> <svg>...&...
3
голоса
1
ответ
121
показ
Почему редакторы векторной графики всё портят и как от этого избавиться?
По факту вопрос один, как правильно сохранить SVG, чтобы в последствии его можно было редактировать без проблем?
Если коротко, то столкнулся с проблемой при экспорте в SVG из векторных редакторов ...
7
голосов
2
ответа
478
показов
Как обрезать блок по заданной форме
Есть такой дизайн.
Внизу блока вместо прямой границы нарисован овал. Как его сделать?
4
голоса
1
ответ
198
показов
Отобразить текст в svg, как изображение
Есть одна проблема - нужно отображать цвет в svg не просто как текст в теге <text></text>, а как картинку. Связано это с тем, что есть приложение генерирующее svg файлы, которые должны ...
3
голоса
2
ответа
164
показа
Как выровнять фон по середине контейнера bootstrap'а?
Как можно выровнять фон у контейнера (fluid), чтобы он полностью отображался.
Есть картинка (SVG) - волна, если задавать через bg-url, то либо верх, либо центр , либо низ картинки видно.
Первый скрин. ...
9
голосов
2
ответа
383
показа
Как сделать адаптивное приложение без медиа запросов по макету дизайнера?
Подскажите пожалуйста, как лучше сверстать в данном случае, соты?
Я верстал подобное, но там были одинаковые бордеры (Приложил код).
В данном же случае, все куда труднее и у меня нет особо идей как ...
6
голосов
3
ответа
137
показов
Как нарисовать такой значок с помощью fabric.js
Вот такое надо нарисовать:
Интересно, как нарисовать полукруги с помощью кривых Безье? Потому что простые полукруги не совсем подходят, так как надо рисовать стрелочки.
9
голосов
3
ответа
1k
показов
Как оптимизировать svg код полученный из векторного редактора
Мне необходимо как-то оптимизировать код, получаемый на выходе из векторного редактора Inkscape
Для примера рисую базовую фигуру SVG - circle, формула которой состоит всего из нескольких строк ...
5
голосов
1
ответ
122
показа
Логика работы последовательности трансформаций в 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
ответов
481
показ
Как привести имеющуюся фигуру SVG к другим координатам
У меня есть фигура SVG, которую я получил из SVG редактора.
Как её перевести в координаты к началу координат нужного размера?
Сейчас чтобы её куда-то поместить приходится добавлять к path transform="...
6
голосов
1
ответ
4k
показов
Как масштабировать размеры иконок 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
ответ
99
показов
Каким образом меняется размер clipPath?
Господа, столкнулся я значит с такой задачей:
Есть слайдер, все фото которые в него попадают(180px/180px), должны быть обрезаны по контуру.
Для фигурной обрезки было решено использовать SVG маску.
В ...
8
голосов
1
ответ
2k
показов
способ верстки волнистого фона. сложный фон
Пытаюсь представить способы и пути решения верстки подобного шаблона:
Подскажите, где почитать, как сделать такой фон не целой картинкой. Интересно и отдельные белые частицы и наклонные волнистые ...
4
голоса
2
ответа
204
показа
Как сделать вечную привязку (snap) в Inkscape?
концы линии привязаны к центрам кругов. Как делать так, чтобы при смещении кругов смещалась и соединяющая их центры линия?
UPD (после первого ответа). Круги смещаются по отдельности: один круг ...
20
голосов
3
ответа
3k
показов
Книги и учебные материалы по SVG
Подскажите какой-нибудь хороший материал по изучению SVG?
Желательно на русском.
Какой редактор необходимо будет изучить и использовать?
4
голоса
5
ответов
3k
показов
Как правильно скрыть часть изображения?
Имеется изображение в формате <img src="/">, как скрыть обрезать угол изображения?
А если изображение будете задано в качестве bg фона?
4
голоса
2
ответа
549
показов
Как растянуть svg маску по высоте?
Изображение обрезается, как растянуть svg маску по высоте?
Оригинал
.item {
height: 500px;
}
.svg-mask {
width: 100%;
overflow: hidden;
}
.image-with-mask {
width: 100%;
...
5
голосов
1
ответ
318
показов
SVG-графика (.NET, C#)
Имеется xml-документ с несколькими элементами rect и line.
Возможно ли получить доступ к редактированию любого из этих элементов при открытии соответствующего svg-файла в графических редакторах, "...
2
голоса
2
ответа
139
показов
Генерация изображений с random patterns
Я пытался создать специальный random pattern.
Например, случайные черные точки, как на рисунке:
Однако, мне необходимо гораздо большее изображение, чем на рисунке, с 100 000 точек / ...
2
голоса
1
ответ
317
показов
Как создать многоугольник в SVG
Хочу создать несколько сложных фигур (как в тетрисе) вплотную друг к другу с заливкой разным цветов. Всё это вместе образует план здания. Я так понял что мне нужен элемент polygon.
Использовал ...
0
голосов
1
ответ
181
показ
Многоугольник полилайнами в Inkscape
Как нарисовать многоугольник полилайнами в Inkscape?
Ручками выглядит вот так(см. код)
path {
fill: transparent;
stroke: grey;
stroke-width: 2;
stroke-linecap: round;
stroke-...
3
голоса
2
ответа
295
показов
Конвертация в вектор растрового изображения с низким разрешением
Имеется картинка низкого разрешения 32*32px (пиксель-арт), которая при конвертации через potrace
convert input.png temp.pnm
potrace temp.pnm -s -o output.svg
или через inkscape (вроде он тоже ...
3
голоса
1
ответ
354
показа
Преобразование координат svg объекта, созданного в Inkscape для web-страницы
Есть несколько кнопок, нарисованных в Inkscape. Нарисованы они друг под другом.
При сохранении в svg образуются path с координатами Inkscape.
Для работы с svg использую Snapsvg. Загружая файл и ...