问题标签 [inkscape]

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 投票
1 回答
3626 浏览

javascript - 在 SVG 中显示流动运动的最佳方式?

我想创建一个显示流动流体等内容的网页。为此,我想使用 SVG 图形,其中(重复)运动的开始和停止是通过 JavaScript 控制的。

这个动作可以通过这种手绘 GIF 的方式轻松显示:
在此处输入图像描述

但是我怎样才能通过简单的方式在 SVG 中获得这样的外观呢?特别是因为这也必须在拐角处流动,即不仅需要线性运动......

最好已经(半自动)在 Inkscape 中创建......

0 投票
1 回答
154 浏览

gnuplot - gnuplot postscript 输出中线段的长度

我用 gnuplot 和 postscript eps 增强终端绘制数据文件(即时间序列)。当我想用 inkscape 修改这些图形时,例如更改线条的颜色,这很累人,因为线条被分割成每条 100 点的线段。这意味着我不能一次更改整条线的颜色。

是否有可能更改默认的线段长度,或者是否有解决此问题的方法?

0 投票
1 回答
1063 浏览

python - 使用 Cairo/Pycairo SVG 生成 Inkscape 组/图层?

我希望能够将对象(填充的矩形、轮廓等)添加到 cairo SVG 上下文中,这样当我用 Inkscape 打开 SVG 文件时,每个对象都会被识别为一个单独的对象,这样我就可以移动/编辑它。理想情况下,我还想对在 Inkscape 中显示为“图层”的对象进行分组。

这是否可以通过 cairo API 来完成(在某种程度上),还是我必须单独生成每个元素,然后将它们全部拼接成 Inkscape SVG 格式?也许 cairo 不是这里的正确工具?那么最好的方法是什么?

0 投票
1 回答
6304 浏览

xml - SVG xml:空间属性问题

我有一个 SVG 文档。在文档中有一个带有一些文本和一个属性flowRoot的元素 。text-align:center但是文本不会居中,因为它在开头包含一些空格。我不知道这些空格是从哪里来的,但是 xml:space="preserve"文档中有一个属性。删除此属性后,空格消失了。谁能向我解释为什么会这样?

0 投票
1 回答
826 浏览

firefox - Firefox 和 IE9 中不显示字体字符

我使用 Inkscape 为一组图标制作了自定义字体,并使用 Free Online Font Converter 和 Font Squirrel 生成不同的字体类型(woff、eot、ttf、svg)和包含的@font-face 代码。

该字体在带有 ttf、svg 和 woff-font 的 Google Chrome 以及 Internet Explorer 7 和 8 中运行良好,但在 FireFox 13 和 IE9 中某些图标无法呈现。字体的其他图标确实可以正常工作,因此文件交付没有问题。也因为字体在 Chrome 中工作,转换似乎已经成功。

我认为这个问题与我正在使用的图标的类型或形状有关,但我找不到任何特别的东西可以将这两个图标与我使用的其他图标区分开来。

这个问题可以在我的 ASP.NET 项目中重现,也可以在本地使用 Font Squirrel 提供的测试文件重现。

更新:仍然没有找到解决方案,但我发现当在 Windows 中安装相同的 TTF 字体时,它在 Firefox 中确实可以工作。但是当它通过@font-face 引用时,它不会。

0 投票
0 回答
141 浏览

matrix - 计算图像 x 和 y

我导入图像,inkscape然后旋转该图像,然后保存该 svg 文档

我在文件中得到了这个:

现在在保存文档时,如果 1 可以注意到在 inkscape 编辑器(在其顶部菜单)中xy的值对于图像对象是不同的,当我们保存文档并在记事本中打开它时,值是不同的。x我们在记事本中看到的&y属性的值并不是图像对象的实际top-left位置。但是当我们在inkscape中打开它时,inkscape会以某种方式计算出正确的值并将图像放置在正确的位置。

问题:现在我只想知道inkscape如何根据图像属性的&值计算正确的x& ?yxy

注意:图像已旋转。

编辑

看看这篇文章,这里Bric发布了我试图解释给你的同样的问题。也许这篇文章会让你清楚问题。

0 投票
3 回答
965 浏览

javascript - 从 JavaScript 访问 SVG 中的 Inkscape 项目

我正在使用 SVG 格式的美国县地图。我没有生成这张地图。它具有 PATH 元素,例如:

我想要做的是鼠标悬停以显示带有县名的弹出文本。在此示例中,我们看到名称保存在inkscape:label="Hillsborough, FL". 我在获取此值时遇到问题。我尝试了各种版本:

这些中的每一个都因未定义或空错误而失败。如何在 javascript 中阅读此内容?当前的系统规范是在 ASP.NET 站点上运行的 jQuery 1.7.2 和 d3js v2。

0 投票
1 回答
369 浏览

c# - 我们如何计算旋转图像的正确 x 和 y 值?

将SVGimage元素映射到 html。

inkscape 中的图像逆时针旋转 50 度在此处输入图像描述

根据这个数学逻辑计算 x & y :

当我在 html 中映射图像时计算 x 和 y 后,它看起来: 在此处输入图像描述

现在可以请任何人帮助我,请解释一下这里出了什么问题?

0 投票
4 回答
2152 浏览

svg - 创建一个跨浏览器图标 webfont

我一直在以网页设计师仓库intridea的文章为起点制作自己的webfont 。

我知道不同的引擎以不同的方式呈现字体,但我遇到的问题是 firefox 呈现的字体高于 chrome - 在我显示字体的大小下,这非常明显(3 或 4 px - 在按钮上意味着它们'重新完全错位)。

我还参考了Github 的 occticon 文档- 在查看 occticons 如何比较浏览器时,它们看起来很棒!据我所知,没有明显的区别。他们是如何做到这一点的?

我正在使用 inkscape 并尝试了几个不同的 svg 入门模板。安装程序Set width: 1024已经尝试过各种尺寸的图标,但没有不同的结果。即 512pt 正方形并在基线下方对齐。

我的问题是在创建 webfont 时我需要遵守哪些规则才能获得浏览器渲染字体之间的最小差异?

0 投票
1 回答
5092 浏览

python - 在 Python 中调用 Inkscape

可能重复:
在 Python 中调用外部命令

我正在尝试将 SVG 文件转换为 Python 中的 PDF。我想为此使用 Inkscape。如何在 Python 中调用 Inkscape?