问题标签 [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 投票
5 回答
64246 浏览

svg - 如何在 SVG 中获得文本的轮廓效果?

我只想要一个简单的 SVG 图像,它在某个角度上有一些任意文本,我可以做到。问题是,我还希望文本具有某种“轮廓”效果。与实心 D 不同,字母 D 的内边缘和外边缘是用指定粗细的线绘制的,而 D 的其余部分根本不绘制,因此看起来几乎是“空心的”。

SVG可以做到这一点吗?

0 投票
2 回答
275 浏览

svg - 如何以不同的尺寸/坐标多次放置相同的路径?

我有一条在 Illustrator 中创建并保存为 SVG 的路径。

现在我想以编程方式将它以不同的大小和坐标放置在大画布上。

假设我有这张图片:

原始图像
(来源:omgtldr.com

我如何在一个 SVG 文件中以不同的位置和大小重现相同的图像,如下所示:

替代文字
(来源:omgtldr.com

例如,一个版本在坐标 x,y 处缩小了 20%;另一个在坐标 a、b 处放大 30%,依此类推。

请假设我对编程部分没问题,我对使用 XML 文件很满意。这是我不明白的SVG部分。

0 投票
2 回答
1560 浏览

flash - 用于通过 Java2D 渲染矢量图形格式的开源库?

我有哪些选择可以将 Java2D 编码的图形渲染为矢量图形格式,例如 EPS、SWF、SVG、VML、PDF 和其他我可能还没有听说过的开源库?

Batik是用于渲染 SVG 的最广泛使用的库。还有哪些其他选择?

iText广泛用于呈现 PDF。是否有一些功能较少但可能更简单的东西?

对于从 Java2D 渲染 SWF (Flash),我发现Flagstone Software 的Transform SWF非常有效,即使不直观。

哪些不太受欢迎的库或刚起步的项目值得一看?

0 投票
4 回答
16432 浏览

xaml - 在 Windows 窗体/WPF 中使用 SVG 的库?

有没有图书馆

  1. 允许将 svg 直接绘制到 Windows 窗体应用程序
  2. 到 WPF 应用程序

我用Inkscape绘制图形和设计一切,因为我喜欢那个程序。然后我有那些令人惊叹的 svgs 并且必须将它们导出到 png (WinForm) 以使用它们或将它们转换为 xaml-code (WPF) ( Kaxaml帮助我)。

有没有办法直接使用我的 svgs?

0 投票
8 回答
34777 浏览

svg - SVG 自动换行 - 显示塞子?

为了好玩,我想看看我在为 RIA 实现 SVG 浏览器客户端方面能走多远,我在业余时间搞砸了。

但是遇到了似乎是一个巨大的绊脚石。没有自动换行!!

有谁知道任何解决方法(我在想某种 JavaScript 或我不知道的特殊标签)?

如果不是,我将不得不走 xhtml 路线并开始在我的 SVG 中添加 HTML 元素(哎哟),或者在 SVG 1.2 准备好十年后再次回来。

0 投票
2 回答
15496 浏览

java - 最小的 Java SVG 引擎

实际工作的最小的 Java SVG 引擎(最小/最小的 jars)是什么?如果您的答案是蜡染,那么最小的 dep 是多少。让它在一个简单的 Java 应用程序中工作的图表?

我查看了 Batik 站点上的依赖关系图,但它看起来像是典型的 Apache 混乱。有更好的选择吗?

0 投票
5 回答
243058 浏览

svg - SVG Positioning

I'm having a play with SVG and am having a few problems with positioning. I have a series of shapes which are contained in the g group tag. I was hoping to use it like a container, so I could set its x position and then all the elements in that group would also move. But that doesn't seem to be possible.

  1. How do most people go about positioning a group of elements which you wish to move in tandem?
  2. Is there any concept of relative positioning? e.g. relative to its parent
0 投票
9 回答
90467 浏览

javascript - 使用 JavaScript,我可以更改 SVG 的 Z 索引/图层吗元素?

假设我有几个复合形状 ( <g>)。我希望能够单击并拖动它们,但我希望我碰巧正在拖动的那个在 Z 顺序中位于另一个的顶部,这样如果我将它拖动到另一个上,另一个一个应该黯然失色。

0 投票
1 回答
3164 浏览

svg - 向 SVG 添加新节点标签

刚玩defs并第一次使用。我想做的是使用 defs 来构建一个基本模板,然后在我使用它时通过添加更多内部标签来自定义它。

这是否可能,因为当我尝试在 Firefox 中执行此操作时,它不会呈现我作为子项放置到 use 标记的任何标记。例如:

0 投票
5 回答
6476 浏览

php - 将 PHP 中的图表库输出到 SVG 或 Canvas?

我正在寻找一个用 PHP 编写的图表库,它输出到 SVG(或 Canvas),可能用于集成到 ExtJS 项目中。我喜欢http://pchart.sourceforge.net/index.php的外观,但它可以输出位图并且是 GPL 许可的,由于该项目是一个内部商业项目,这可能会成为一个阻碍。

有什么建议么?