Публикации по теме 'svg'
Day152 — преобразование SVG в PNG в JavaScript.
Мне нужно было преобразовать изображение SVG в png в проекте. Здесь записываются методы, которые я пробовал.
Мой SVG использует собственный встроенный шрифт.
Способ 1, с использованием острых
sharp(inputBuffer)
.resize(1000, 1000)
.png()
.toFile('output.png', (err, info) => { ... });
Он поддерживает только шрифт, установленный в ОС. Может быть сложно получить правильное имя для установленного вами шрифта. Даже если я успешно заставлю его работать на своем компьютере с..
Вопросы по теме 'svg'
D3 добавление элемента на увеличенную карту
У меня есть карта, на которой круги (происхождение людей) появляются при нажатии на легенду.
Кроме того, можно увеличить масштаб, а затем преобразовать круги (и путь страны) (с помощью d3.behavior.zoom).
Хотя, если я сначала увеличу масштаб, а...
905 просмотров
schedule
27.03.2024
Как я могу получить объект родительского документа из документа SVG JavaScript?
Я изучаю XSS. Я знал, что есть уязвимость в объекте HTML SVG.
источник здесь
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0" y="0" width="0"...
2106 просмотров
schedule
13.04.2024
Изменение цвета заливки при наведении на группу элементов
В svg при наведении я могу изменить непрозрачность группы, как я могу изменить цвет заливки всех членов группы? Я хотел бы изменить цвет заливки всех членов группы при наведении курсора на любой элемент внутри группы.
<?xml version="1.0"...
3587 просмотров
schedule
22.05.2024
Подбор цветов в фильтре feColorMatrix
У меня есть изображение в оттенках серого. Я хочу отфильтровать его так, чтобы white -> color1 и black -> color2 . Оба цвета имеют шестнадцатеричный синтаксис CSS. Какую математику мне нужно сделать, чтобы получить этот эффект?
Я...
6277 просмотров
schedule
16.04.2024
Django (на Centos) загружал файл SVG на
У меня есть приложение Django, и оно обслуживает статический файл SVG (я прямо указываю браузеру что-то вроде: http://myserver.com/static/my.svg ). Я использую встроенный веб-сервер, который поставляется с Django. Я запустил это приложение с...
870 просмотров
schedule
24.03.2024
Как стилизовать один конкретный путь SVG в CSS?
Можно ли по-разному стилизовать один и тот же символ SVG с двумя разными классами CSS. Как в этом jsfiddle
.shape-55 {
width: 55px;
height: 55px;
}
/* Want to color only the first path in red */
.shape-style-1...
3376 просмотров
schedule
29.03.2024
Как переопределить встроенный стиль, применив новый класс в D3
Все:
Я использовал D3, чтобы добавить стиль к элементу SVG, например:
svg.append("rect")
.attr("id", "testclass")
.classed("hascolor", true)
.style("fill", "red");
Затем я определяю другой класс:
.nocolor{
fill:...
3109 просмотров
schedule
04.05.2024
изменить содержимое текстового узла SVG с помощью CSS: до [дубликата]
В HTML у меня есть блок SVG с текстовыми узлами внутри. Я хочу изменить содержимое текстового узла с помощью CSS: до или: после. Если это сделать, то никакого эффекта не будет.
Вот вырезанный HTML:
<defs>
<symbol...
33 просмотров
schedule
17.05.2024
IE10 SVG в фоновом режиме CSS
У меня проблема с IE10 и SVG в стиле CSS. Работает на хроме и фаерфоксе:
background-image: url(data:image/svg+xml,<svg\ version=\"1.1\"\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"32px\"\ height=\"32px\"\ viewBox=\"0\ 0\ 32\...
1064 просмотров
schedule
18.05.2024
События мыши в обходном пути svg для Microsoft Edge
Я загружаю файл SVG в тег <object> html-страницы. SVG содержит изображения с событиями мыши onclick , onmouseover и onmouseout . Я считаю, что они срабатывают так, как должны, в firefox и google-chrome.
Когда я загружаю страницу с...
907 просмотров
schedule
22.03.2024
Преобразование svg перемещает изображение за пределы экрана при подъеме вверх
Цель: переместить SVG-изображение (кабина лифта) по оси Y вверх или вниз.
Изображение перемещается так, как хотелось бы, но проблема в том, что когда оно движется вверх, оно исчезает за пределами экрана. Я узнал, что изменение высоты viewBox:...
158 просмотров
schedule
26.03.2024
Анимация заполнения SVG с помощью синтаксиса CSS?
У меня есть SVG-графика, и я хочу анимировать заливку одного из ее элементов с идентификатором screen .
#screen {
animation: bgAnimation 1s linear infinite;
}
@keyframes bgAnimation {
0% { fill: #000 !important; }
10% { fill: #fff...
39 просмотров
schedule
12.05.2024
как узнать, находится ли какая-либо точка x или y на пути svg
у меня есть путь svg, и я хочу знать, находится ли моя мышь на пути svg или нет, если это так, я хочу изменить курсор мыши на указатель.
Это можно было бы легко сделать, добавив свойство наведения мыши на путь, а также с помощью Распознать точку...
1957 просмотров
schedule
06.04.2024
Создание бесконечной горизонтальной оси с помощью d3 v4
Я использую d3 v4 (4.12.0).
У меня есть контейнер SVG, в котором я рисую простую горизонтальную ось (ось X, линейный масштаб), которая реагирует на панорамирование с помощью мыши.
Я хотел бы смоделировать «бесконечную» или «бесконечную»...
1028 просмотров
schedule
15.03.2024
Как преобразовать изображение SVG в одноцветное растровое изображение?
Используя пакет NuGet SVG.NET для преобразования изображений SVG в растровые изображения в .NET, я пытаюсь изменить цвет изображения во время рендеринга.
Например. У меня есть это исходное изображение SVG:
и хотите сделать это,...
1107 просмотров
schedule
29.05.2024
Добавить изображение SVG в заголовок страницы
Есть ли способы добавить изображение SVG в заголовок HTML-страницы? Я использую этот код, но он не работает! но когда я использую другие форматы изображений, он работает отлично.
<link rel="icon" type="image/svg" href="link/test.svg">
61 просмотров
schedule
08.04.2024
Событие D3 mousemove зависает над неправильным элементом пути
У меня есть диаграмма D3 с узлами и путями, когда пользователь выбирает путь, он выделяется, в большинстве ситуаций он работает отлично, но есть один случай, когда я пытаюсь навести курсор на путь 1 , а 2 выделяется, как показано на рисунке.
Пути...
21 просмотров
schedule
02.05.2024
Как передать изображение SVG в качестве реквизита другому компоненту?
Здесь я пытаюсь передать изображение SVG в качестве реквизита другому моему компоненту.
Здесь мое изображение SVG (преобразованное в компонент JSX) находится в SvgImages
Компонент, для которого требуется это изображение SVG (компонент JSX),...
88 просмотров
schedule
22.04.2024
Экспорт SVG как изображения с пользовательским шрифтом значка
Я надеюсь, что кто-то может помочь мне с этой проблемой:
Цель состоит в том, чтобы сохранить встроенный SVG как изображение PNG.
Проблема в том, что указанный SVG имеет foreignObject элементов, содержащих значки веб-шрифтов (из Fontawesome, а...
45 просмотров
schedule
29.03.2024
