如何将网站上的SVG保存到我的计算机上？

16

我需要使用此网站上的徽标（在左上角）：

在此处输入图片说明

这是我从页面复制的代码：

<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg>

我不是很熟练，但是已经尝试将其粘贴到文本文件中并进一步保存为“ .svg”，但都是徒劳的。
（也许标签有问题）

PS：版权没关系！我现在无法联系该网站的另一位设计师来请求矢量。

website-design svg save

— Aksana Zinchanka
source

2

您是否获得使用/调整徽标的许可？如果仅浏览网络“窃取”徽标，则可能会遇到严重的麻烦。如果他们要求您更改它，为什么不直接要求他们提供源文件呢？

— PieBie

我现在正在使用这种媒体，但是我无法联系他们的一位设计师索要矢量！

— Aksana Zinchanka 2015年

听起来您做对了，您应该能够将代码另存为.svg，然后在支持svg的矢量编辑器中将其打开。以什么方式不起作用？您尝试了哪些图形程序？以及什么文本编辑器（Mac textedit喜欢以令人惊讶的方式破坏事物）

— user56reinstatemonica8 2015年

1

正如用户所说，只需将其粘贴到文本编辑器中，然后.svg在保存时将其添加到名称的末尾即可。根据您的操作系统设置，它可能仍会添加错误的扩展名，如logo.svg.txt。如果这样做，则直接将其重命名（不重新保存）并删除不正确的扩展名（.txt）。本质上，如果完整文件名以结束，它应该正确打开.svg。

— Dom 2015年

20

您可以在JavaScript控制台上运行以下代码：

var e = document.createElement('script');
e.setAttribute('src', 'https://nytimes.github.io/svg-crowbar/svg-crowbar.js'); 
e.setAttribute('class', 'svg-crowbar');
document.body.appendChild(e);

或使用此书签。为我完美地工作：

— 阿尼巴尔
source

1

是的，这可行，但是也许添加注释以说明此运行是其页面上的第三方脚本？一nytimes时间脚本可能是罚款，但它是一个危险的习惯中任教。

— 汤姆（Tom），

这对我来说，在Safari中比在Chrome中更有效

— -MicroMachine

3

您发布的代码段不是有效的XML。它需要一个XML声明，并且<path>标签需要关闭。

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg">
    <path
    d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"
    />
</svg>

即使修复了这些问题，但是如果我在Inkscape中打开它，它看起来仍然不太像网站上的徽标。您最好尝试使用类似的方法来提取SVG。

— 乱涂乱画者
source

与Firefox复制它，或者通过在Object Inspector（增加了一个</path>），或者直接通过网页源代码（不），让我可以用Illustrator中打开一个SVG -它看起来完全相同喜欢的网站上的标识。

— usr2564301 2015年

3

如果您在macOS上使用Safari，则有内置功能。只需右键单击SVG图像，单击“页面另存为...”，然后在出现的下拉菜单中选择“格式：页面源”。

— 卡西米尔
source

如果徽标无法通过代码访问（例如，嵌入到类中），这似乎不起作用-当不只是单击鼠标右键时，它可能会让用户重新加载图像，或者拖放到桌面或在开发人员中查看菜单的页面资源

— MicroMachine

-3

复制URL，然后在Inkscape中将其打开。十分简单！

— 亚历山德拉
source

嗨，亚历山德拉，欢迎来到GDSE，并感谢您的答复。您能给我们更多信息吗？如何在Inkscape中打开链接？选择哪些菜单选项？假设Asker是该软件的初学者，而您大多数都很好。谢谢！如果您有任何疑问，请在信誉良好后访问帮助中心或在“ 图形设计聊天”中 ping我们中的一个（20）。继续贡献并享受该网站！

— 文森特

-4

当然。如果您愿意，可以使其复杂-但事实并非如此。在新的浏览器窗口中打开.svg文件。选择打印->另存为pdf->在illustrator或其他矢量应用程序中打开。:)

— 本田
source

5

那么，您已经有了SVG-为什么通过在PDF中添加步骤来使其复杂化？

— Michael Schumacher