it-roy-ru.com

Как извлечь SVG в виде файла с веб-страницы

 enter image description here

 enter image description here

Я хочу сохранить SVG как файл с этой страницы https://www.lightningdesignsystem.com/icons/ Есть ли расширение Chrome или другой способ сделать это?

3
vladdihoney

Если я не понимаю вас, это может быть так же просто, как проверка (F12) значок на странице, чтобы показать путь к исходному файлу .svg, перейти по этому пути напрямую ( Пример ), а затем просмотреть исходный код страницы с помощью Control+u, Тогда просто сохраните этот код.

5
mayersdesign

Трехэтапное решение Скопируйте фрагмент кода svg и вставьте его на новую html-страницу . Сохраните html-страницу как logo.html, а затем откройте эту html-страницу в Chrome . File> Print "Save as pdf" этот PDF теперь можно открыть в Illustrator, извлекая элемент вектора.

4
Pete Mandy

Все они зарегистрированы в элементах в инструментах разработчика Google Chrome.

страница

<svg><path xmlns="http://www.w3.org/2000/svg" d="M18.6 6.8l-4.3-2.2a.8.8 0 0 0-.6 0l-4 2-4.1-2a.7.7 0 0 0-.7.1.7.7 0 0 0-.3.6v10.8a.7.7 0 0 0 .4.6l4.3 2.1a.8.8 0 0 0 .6 0l4-2 4 2a.6.6 0 0 0 .3.1.7.7 0 0 0 .4-.1.7.7 0 0 0 .4-.6V7.4a.7.7 0 0 0-.4-.6zm-1.1 1.4v5.7a.4.4 0 0 1-.6.4c-1.2-.4-.3-2.3-1.1-3.3-.7-.9-1.7 0-2.6-1.4-.9-1.4.3-2.5 1.4-3a.5.5 0 0 1 .4 0l2.2 1.1a.5.5 0 0 1 .3.5zm-6.1 8.3a.5.5 0 0 1-.5-.1 1.6 1.6 0 0 1-.6-1.1c0-.7-1.2-.4-1.2-1.9 0-1.2-1.3-1.5-2.5-1.3a.5.5 0 0 1-.5-.5V7.2a.4.4 0 0 1 .6-.4l2.6 1.3a.1.1 0 0 1 .1 0l.1.1c1.1.6.8 1.1.4 1.9-.5.9-.7 0-1.4-.3s-1.5.3-1.2.8.9 0 1.4.4.5 1.2 1.9.8 1.7-.3 2.2.2a1.5 1.5 0 0 1 0 2.2c-.4.4-.6 1.3-.8 1.9a.5.5 0 0 1-.2.3z"/></svg>

3
Chris

Вы можете скачать отдельные с их сайта, как заявлено @mayerdesign, или вы можете нажать на ссылку для скачивания слева, и вы можете скачать весь пакет.

ПОЛНЫЙ ПАКЕТ

2
Syfer

Я не знаю, правильно ли на это уже ответили или нет. Что ж. Загрузка файла из источника не является разрешением. Как получить * .svg с URL.

Я установил дополнение 'svg-grabber' к Google Chrome. Это только частично решает мою проблему, так как Google Chrome не имеет ярлыка «Назад» на одну страницу.

Я пытался загрузить файлы с URL, но все время получал ошибку, что на этой странице нет файлов SVG, когда я вижу 40 из них. Вы можете нажать на них, чтобы они открылись, но вы не можете сохранить их.

Папка в WordPress: .../static/img/icons /

Я добавил надстройку «Вернуться с Backspace» в Chrome, так как мне приходилось нажимать на каждый файл отдельно, как будто это белые иконки (которые я сейчас ищу), вы их не увидите. Вы должны нажать на файл. Потом обратно. Это заняло слишком много времени. Теперь все в порядке. Есть софт для скачивания определенной папки, но я не хочу скачивать половину интернета, чтобы просто получить белый.

Когда вы нажимаете на белый значок, открывается новая вкладка, но она вся белая. Затем вы нажимаете на значок svg-grabber в Chrome, и он откроет его в новом окне на черном фоне с кнопкой «загрузить все svg».

0
Luke Lozowski