问题标签 [svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
4547 浏览

svg - SVG 快死了?下一步是什么?

我从不止一个消息来源听说 SVG 正在消亡,它被 Adob​​e 抛弃了。

多么悲伤!SVG 的下一个替代方案是什么?

0 投票
5 回答
18679 浏览

c++ - 在没有中间光栅的情况下在 OpenGL 中显示 SVG

我有一些简单的 SVG 图稿(图标和字形之类的东西),我想在 OpenGL 应用程序中显示(在 Debian 上使用 C++ 开发,使用 Qt)。

显而易见的解决方案是使用 ImageMagick 库将 SVG转换为光栅图像并将它们纹理映射到一些合适的多边形上(或者只使用旧的 glDrawPixels)。

但是,我想知道是否有任何东西可以将 SVG 直接转换为一系列 OpenGL 调用并使用 OpenGL 的线条、多边形等进行渲染。任何人都知道可以做到这一点吗?

0 投票
13 回答
116858 浏览

javascript - 使用 Javascript 创建 SVG 图形?

如何使用 JavaScript 创建 SVG 图形?

是否所有浏览器都支持 SVG?

0 投票
3 回答
3697 浏览

path - 使用 SVG 进行 2D 渲染和放大

我的任务是开发一种算法,将不同类型的曲线拟合到二维空间中的给定点序列上。

为了能够测试我的算法,我选择了 SVG 来显示结果。我有几个问题。

由于我的算法可能有非常不同的输入和输出,因此我必须能够放大查看生成的 SVG 文件!

但是SVG中的路径只能以一定的宽度显示。如果我放大,那么路径的宽度会越来越宽。我希望所有缩放级别的宽度都为 1 像素。有解决方案吗?

另外:SVG可以显示点吗?是的,简单,原始点。?我发现它不能。

谢谢

0 投票
7 回答
35186 浏览

windows - 如何在 Windows 上以编程方式将 SVG 转换为 PDF?

我正在寻找以编程方式将 SVG 转换为服务器上的 PDF 文档。在 Windows 上执行此操作有哪些选择?

我已经看到了InkscapeBatiksvg2pdf的链接,但我不确定这些是否可以轻松地自动化以在 Windows 服务器上执行转换。

这里有一个不寻常的解决方案,它涉及在服务器上自动化 OpenOffice Portable:http: //www.codeproject.com/KB/office/PortableOpenOffice.aspx

0 投票
1 回答
805 浏览

javascript - 在画布中定位对象的算法

我在哪里可以找到一些算法以巧妙的方式在画布中放置一些对象?我正在使用 javascript(带有 Raphael svg 库),但欢迎使用其他语言(或伪语言)的示例。几何不是我的强项=)

例如有 600x800 的画布,我想以智能方式放置n 个大小为 60x60 的对象,例如:
- 一种沿m个偏移o的同心圆定位对象的算法。
- 一种沿m个同心正方形定位对象的算法,但频率不同(结果可能像棋盘)

还有类似的例子..我只是在寻找一些适用于我的案例的工作示例。提前谢谢你=)

0 投票
2 回答
5076 浏览

eclipse - Eclipse:如何使用 SWT 或免费的开源 SVG Viewer 插件显示 SVG?

我想在 Eclipse 视图中显示一个 svg 文件。

a)如果插件也可以做基本动画(鼠标悬停区域着色),那就太好了。

我寻找更实用的信息:有人成功使用了哪些插件或库?

b) 或将 svg 与 swt 一起使用的变体。

顺便提一句。已经用谷歌搜索了“eclipse svg 插件”;)

0 投票
3 回答
20052 浏览

javascript - 如何在 Google 地图上叠加 SVG 图?

我想在 Google 地图上添加叠加图像。该图像是我生成的 SVG 文件(带有 SVGFig 的 Python)。

我正在使用以下代码:

令人惊讶的是,它适用于 Safari 4,但不适用于 Firefox(对于 Safari 3,背景不透明)。

有谁知道我如何覆盖 SVG?

PS1:我看了一些类似这样的作品或者swa.ethz.ch/googlemaps的源代码,但似乎他们必须使用JavaScript代码来解析SVG并将所有元素一一添加(但我没有全部理解来源...)。

PS2:SVG由不同的填充路径和圆圈组成,具有透明度。如果没有解决方案来覆盖我的 SVG,我可以使用 2 个替代解决方案:

  • 栅格化 SVG
  • 转换 GPolygons 中的路径和圆

但是我不太喜欢第一种解决方案,因为位图的质量很差,而且用抗锯齿生成它的时间很长。

对于第二个解决方案,圆弧、椭圆和圆必须分解成小折线。为了获得良好的结果,其中很多都是必要的。但我有大约 3000 个圆弧和圆要画,所以...

0 投票
1 回答
949 浏览

apache-flex - Degrafa 绘图工具 - 它们存在吗?

我正在尝试找到一种将 degrafa 与 MXML 一起使用的简单方法。我不是艺术家,当您无法想象制作所需艺术作品所需的内容时,使用代码创建图形似乎是非常错误的。
我所追求的是一个可以获取 SVG 图形并转换为合适的 MXML 标签的工具,以便我可以将它们复制/粘贴到 MXML 文件中。

degrafa 网站上应该有一个关于提取 SVG 数据并将其放入 MXML 文件的视频,但现在不可用。

那么有没有人知道是否有这个工具,或者知道任何关于提取 svg 数据并将其转换为 MXML 代码的教程。

干杯。

0 投票
2 回答
8338 浏览

html - 在 HTML 代码中嵌入 SVG 文件时,如何在不同的浏览器上产生相同的结果?

我开始为我之前的问题Overlay SVG diagrams on google map 找到解决方案。

但我还有另一个(较小的)问题。我正在使用 Firefox 3.5 和 Safari 4(在 Mac 上),当我将 SVG 嵌入到 XHTML 中时,我完全没有相同的结果。

我可以使用<object>or<embedded>元素(但我认为最后一个已弃用)。我这样使用它们:

并且 SVG 的大小和比例与 Firefox 和 Safari 不一样。在我的 SVG 中,width定义了height和。viewBox

有没有办法让所有浏览器都获得相同的结果(我不关心不支持 SVG 的 IE ......所以“所有浏览器”至少意味着 Firefox、Opera 和 Safari 的最新版本) ?? 也许是我忘记定义的东西?

编辑:我还注意到,<object>SVG 对 FF 是透明的,但对 Safari 不是透明的...... :( 是否有包含 SVG 的“标准”方式??

感谢您的帮助