问题标签 [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 回答
3101 浏览

javascript - 是否有任何工具可以将 SVG 数据转换为 Canvas 友好的输入?

是否有任何工具可以将 SVG (XML) 数据转换为 Canvas 友好的输入?

0 投票
5 回答
1989 浏览

svg - 最流行的浏览器中原生 SVG 支持的状态如何?

最新版本中最流行的浏览器对原生 SVG 的支持情况如何?

  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器
  • 铬合金
  • 征服者
  • 卡米诺
0 投票
2 回答
7111 浏览

php - 从客户端 DOM 序列化 SVG 的最佳方法是什么?

我正在开发交互式 SVG/AJAX 界面,其中元素由用户即时创建和重新定位。我想支持用户将当前视图导出为 PNG 图像和/或 SVG 文档的功能。我真的希望 SVG 文档尽可能简单(没有很多嵌套转换)。是否有任何框架已经支持这一点?

我目前要求我的用户使用 Ctrl+Alt+PrntScrn 技术,我不想要求他们安装任何软件/插件。

服务器端代码现在用 PHP 实现,如果有帮助的话。我已经实现了使用 ImageMagick 从“原始”文档(在客户端进行任何修改之前)生成 PNG 图像的能力。

0 投票
4 回答
20813 浏览

javascript - 通过javascript获取SVG图形的大小

要在 html 页面中添加 svg 图形,通常使用 object 标签来包装它,如下所示:

如果您不在对象标签中使用宽度和高度属性,则 svg 将以全尺寸显示。通常我从 Open Graphics Library 获取 svg 文件进行测试。有没有办法通过使用 JavaScript 来获取 svg 的大小?或者也许我应该只查看 svg xml 文件以找出顶部 svg 标记的大小?

0 投票
2 回答
3316 浏览

qt - Qt 的矢量图形剪贴板格式

我希望我的 Qt 应用程序能够以兼容的方式将简单的矢量图形保存到剪贴板。在 Windows 上,我希望能够将图形粘贴到 Microsoft Word 或 Powerpoint 中。在 Linux 上,我希望与 Open Office 兼容。

你会推荐哪种格式?Qt 能否以简单的方式生成 EMF?SVG是一种选择吗?

更新:

我目前的计划是添加一段本机 win32 代码来将图形渲染到 windows 上的 emf。此代码在 linux 上不可用。

0 投票
4 回答
1629 浏览

javascript - 访问 svg 的脚本

svg 是基于 xml 的图形,您可以向其中添加 JavaScript。我试图访问 svg 中定义的脚本函数。我的 svg 中的脚本是这样的:

在我的主 html 文件中,svg 嵌入在一个对象标签中,如下所示:

这个工作正常。但是,如果 svg xml 文件被完整的 URL(在另一个站点上)引用,如下所示:

这些代码不再起作用。看起来我无法将我的 svg 脚本中定义的方法附加到我的主 html 对象标记元素中的方法,或者在这种情况下顶部或文档不可用,或者 getElementById(..) 只是找不到我的对象元素我的 svg 脚本。有什么办法可以在 svg xml 脚本中找到我的 html 元素?

不确定这个问题是否是由不同的 DOM 引起的,并且我的 svg 脚本代码无法找出另一个 DOM 的对象或元素。如果有任何解决方案会很好。

0 投票
1 回答
5828 浏览

javascript - 渲染时不显示在 SVG 元素的 onload 事件中绘制的点

我正在使用 Javascript 绘制 SVG 网格。我设法绘制了轴以及象限标签。但是,我在添加动态点时遇到了问题。

我正在尝试在 SVG 元素的 onload 事件中绘制点。使用 Firebug 时,我已经能够确认代表我的点的圆形元素已添加到 SVG DOM 中,并为位置、画笔描边等设置了正确的属性。

不幸的是,我的浏览器(Firefox 3)呈现的实际图像没有更新以反映我添加了这些新的 DOM 元素的事实!

以下是我用来将元素添加到正确 DOM 节点的代码:

Firefox 的 Firebug 调试扩展显示的 SVG 结构是:

任何帮助将不胜感激,我是一个完整的 SVG 新手!

0 投票
1 回答
3769 浏览

graphics - 如何动态调整svg中的文本大小?

我正在编写一份包含嵌入式 svg 图的报告。该图表是使用相对坐标绘制的,因此当浏览器窗口调整大小时,图表的大小会很好地调整。唯一的例外是文本 - 它保持不变。是否可以在可调整大小的 svg 中绘制文本?

0 投票
4 回答
1795 浏览

charts - 他们如何在 stackoverflow 上绘制图表/图形?

我曾经花了很长时间学习 VML 并为网站创建图表,但由于 VML 只能在 Internet Explorer 中运行,所以现在它并不好。

我注意到 stackoverflow 在我的个人资料页面上有图表,在“声誉”下,但我无法看到他们是如何做到的。

任何人都可以建议一种方法来创建适用于所有浏览器的客户端图表或图表吗?我不想使用动态创建图像文件的服务器端方法。我也可能希望使用 JavaScript 与图表进行交互。

[编辑——我想画的不仅仅是图表。也许还有小图表!]

谢谢。

0 投票
3 回答
3349 浏览

database - 有没有在数据库中存储矢量信息的标准方法?

我想在服务器上存储大量矢量数据,并且只在给定点轮询我需要的部分......

这应该不是问题。

有什么方法可以获取像 svg 文件这样的矢量文件并将其导入数据库?我总是可以编写一个 svg 解析器将其导入到我的数据库中,但是是否有任何标准方法可以执行此操作或将矢量数据存储在数据库中?