标签: svg

如何将 SVG 文件旋转 90 度?

我从 MATLAB 打印出一个图表,它从它应该在的地方顺时针旋转了 90 度。

有没有软件可以帮助我解决这个问题并旋转 SVG 文件?

我尝试使用<g transform='rotate 90'>围绕整个事物的元素手动调整 SVG ,但它无法正确处理翻译或边界框,我不知道如何正确处理。

vector-graphics svg

9
推荐指数
1
解决办法
1万
查看次数

如何查看在inkscape中创建的SVG图像的xml编码?

我听说 SVG 是由 xml 和 html 组成的,但是使用inkscape 之类的软件可以轻松创建 SVG 图像,而无需担心在 Xml 中进行编码。

因此,在创建 SVG 图像后,我想查看它的 xml 编码,因为我可以通过编程动态更改颜色和大小,我相信我当然对此不确定。

创建 SVG 图像后,我也只能看到一个文件而不是 DOM 中的编码(在萤火虫中查看)

我的问题是在inkscape中创建SVG图像后可以查看和编辑它的xml编码吗?

如果可能的话,如何实现?

html xml svg css images

9
推荐指数
2
解决办法
2万
查看次数

如何将 SVG 图像转换为 Windows ICO 或 Mac ICN 图标?

我想将 svg 图标转换为 windows 图标和 mac 图标。免费的选择将是最好的。

windows icons svg macos

8
推荐指数
3
解决办法
2万
查看次数

HTML 到 SVG 的转换?

我想将一些简单的网页(无 javascript,最少的 CSS)转换为 SVG 以进行存档。我想知道是否有针对此转换的建议工具或工作流程?

我目前的想法是以某种方式在 Adob​​e Illustrator 中打开页面,然后导出到 SVG。然而,“不知何故”是一个很大的问号。也许像这样将打开HTML到插画?

html svg conversion

8
推荐指数
1
解决办法
6008
查看次数

将 Font Awesome 导入 Inkscape 以供图标参考

我经常使用 Inkscape 来制作模型,我想打开字体很棒的 svg 文件,以便我可以准备好将图标复制/粘贴到我的模型中。然而,打开这个文件时,它似乎是空的,并且字体真棒字体/目录中的其他文件都不能被 Inkscape 读取。

如何使用 Inkscape 打开 Font-awesome 的 SVG 文件?

inkscape svg

7
推荐指数
2
解决办法
5700
查看次数

在 Linux 上,如何将 .svg 文件导出为 Powerpoint 可读的矢量格式?

我在 Linux 计算机上工作,并且有一堆 .svg 文件。我必须将它们交给客户,客户会将它们插入到 Powerpoint 演示文稿中(客户正在 Windows 机器上工作)。我应该交付准备插入的文件;格式转换必须在我的机器上进行。文件必须保持矢量格式,因为图形可以在 Powerpoint 演示文稿中自由调整大小。

我以为我可以将它们导出为 EMF。我发现多个消息来源表明 Inkscape 可以导出 EMF,只是为了了解它是 Windows-only 功能

有没有办法通过 EMF 或其他方式将我的 .svg 文件转换为 Powerpoint 可读的矢量格式?

linux vector-graphics svg conversion microsoft-powerpoint

7
推荐指数
1
解决办法
2520
查看次数

Firefox:查看特定的 SVG 文件会使系统无响应


重要的:

一些 SuperUser 常客目前正试图缩小此问题的范围和原因。目前,我们正在寻求愿意志愿者填写表格这里进行以下测试后:

  1. 安装或启动最新版本的 Firefox(比如 24.x 或 25.x;测试版也很有趣)。

  2. 使用您平台的 Windows 任务管理器查看内存和 CPU 使用情况。打开下面的链接之前,您应该打开相应的任务管理器。

  3. 在 Firefox 浏览器中保存任何未完成的工作,因为它可能会崩溃。我们对任何丢失的信息不承担任何责任。

  4. 在新选项卡中打开以下链接:http : //openclipart.org/people/GR8DAN/showbizframe.svg

  5. 观察加载图片前后Firefox进程的CPU和内存使用情况的变化。如果打开上述选项卡前后Firefox 的内存使用差异非常显着(1 GB 或更多),或者如果 Firefox 死机/崩溃,或者如果您看到 CPU 使用率持续高,则您的系统存在错误。否则,您就没有该错误。无论哪种情况,请相应地填写表格。

我们正在尝试缩小症状和原因的范围,以便更新Mozilla 错误跟踪器上的错误,以便 Mozilla 开发人员可以解决问题。我们之所以这样做,是因为这可能是一个范围广泛、高度优先的问题;如果开始被恶意使用,任何允许嵌入图像的网站都可能容易受到针对访问该页面的重要用户子集的拒绝服务攻击。

2013 年 11 月 29 日更新:该错误已隔离为以下内容:

  • 它是独立于平台的。该错误已在 Linux、Mac 和 Windows 上重现。

  • 该问题已在 AMD、Intel 和 Nvidia 显卡上重现。

  • 它只发生在 Firefox 和衍生产品上。Chrome、IE、Opera 不受影响。

  • 截至 2013 年 11 月 28 日,该问题已在 …

memory firefox freeze troubleshooting svg

7
推荐指数
1
解决办法
1293
查看次数

在 Windows 上查看白色 SVG 的最佳方式

SVG 可以在 Edge 浏览器中轻松查看。然而,白色浏览器背景上的白色 SVG 并不好看。我是否需要为此安装外部程序或者我是否缺少设置?

viewer svg microsoft-edge

7
推荐指数
1
解决办法
9323
查看次数

使用Potrace时如何保留颜色?

我有一个.ppm彩色文件,当我运行Potrace时:

potrace -s file.ppm
Run Code Online (Sandbox Code Playgroud)

它仅返回白色和黑色.svg文件。如果我在墨水空间上做它会保留颜色。

如果有帮助的话,这是xxd | head文件的.ppm

$ xxd file.ppm | head
00000000: 5036 0a31 3030 3020 3130 3030 0a32 3535  P6.1000 1000.255
00000010: 0add dddd bbbb bbbb bbbb bbbb bbbb bbbb  ................
00000020: bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb  ................
00000030: 7900 bb89 2fbb bbbb bbbb bbbb bbbb bbbb  y.../...........
00000040: bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb  ................
00000050: bbbb bbbb bbbb bbbb bbbb …
Run Code Online (Sandbox Code Playgroud)

svg

7
推荐指数
1
解决办法
3717
查看次数

将 SVG 1.1 转换为 1.0?

好的,所以使用 draw.io 桌面,我开始一个新的空白图,并仅绘制一个文本框,其中包含两行文本:

绘图

然后我执行文件/导出为/SVG...,选择缩放 100%,取消选中“包括我的图表的副本”,点击导出,另存为test.svg- 结果是:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="81px" height="81px" viewBox="-0.5 -0.5 81 81" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="0" width="80" height="80" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 40px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; …
Run Code Online (Sandbox Code Playgroud)

svg conversion

7
推荐指数
1
解决办法
5123
查看次数