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

image - Cocos2d/Inkscape 图片帮助

我的应用中有一张图片(CCSprite)。我在 Inkscape 中创建了图像,并将其导出为 PNG。然后我去了预览(我有一台 Mac),我使用了 Alpha 并摆脱了边缘周围的白色。然后我将它导入到我的项目中,并将其添加到图层中。当我有黑色背景时,边缘仍然有白色,使图像看起来很糟糕。我再次去预览,边缘没有白色!我错过了什么吗?请帮忙!谢谢!

0 投票
1 回答
516 浏览

android - 在 SVG 图像中插入元数据“标记” - 这可能吗?

我已经为 Android 创建了一个 SVG 图像解析器类,它运行良好,并且对于我想要的目的来说非常完整。我目前正在编写的应用程序利用了我事先在 Inkscape 中设计的建筑平面图。现在,我想做的是能够在计划上标记特定的 X、Y 点,这些点不会被渲染,但只会用于通知软件应用程序特定点在计划中的位置。这样应用程序就可以在运行时以编程方式将各种标记放置在这些点上。

它的实际编码不是问题。虽然我可以使用各种对象,但我目前已经使用文本字符串工作了。我所做的是放置一个文本字符串,并给文本字符串的 ID 属性一个特殊的前缀,例如“_meta”。然后,我的 SVG 解析器识别该前缀,并记录字符串的 X、Y 坐标以及我在“_meta”前缀之后放入 ID 属性中的任何其他元数据。字符串不会呈现到屏幕上;它纯粹是为了告诉软件一个特定的点。

这行得通,我可以愉快地继续这样做,但我想知道是否有更“正确”或更优雅的方式来做到这一点。我查看了 SVG 规范,我对标准元数据标签的理解是它们只能传达有关图像的信息。据我所知,没有专门用于标记任何 X、Y 点的对象。使用对象的 ID 字段来传达程序解析的信息是可行的,但它似乎有点错误并且滥用了 ID 属性的用途。

我应该考虑其他任何方法吗?

谢谢,

特雷夫

0 投票
1 回答
682 浏览

javascript - 用于 HTML-JavaScript 动画的简单 SVG 绘图

我正在尝试在 SVG 中绘制一个简单的电池符号,该符号将使用 HTML/JavaScript 进行动画处理:

http://pastebin.com/utM4BTRS

我想在 SVG 内的“电池电量”绘图上动态操作蒙版,但蒙版未显示为在 Inkscape 中绘制。Firefox 和 Webkit 都只显示了该部分的一小部分(还没有涉及 JavaScript):

http://tinypic.com/view.php?pic=deu44m&s=7(左边是 Inkscape 绘图,右边是 Firefox 渲染)

由于我是 SVG 新手:这里有什么问题?

0 投票
3 回答
11999 浏览

path - SVG:简化去除曲线的路径?

我有一个 svg 文件,其中包含带有贝塞尔曲线的复杂路径。我需要转换此路径数据以将其用于 html 地图区域,所以我实际上只需要坐标(但对于大曲线,在两个端点之间有一些坐标会非常好。

我尝试了 Inkscape 的简化路径功能,但这些路径仍然包含曲线......

是否有任何工具或公式可以将这些曲线转换为简单的坐标?

也许是另一种在其坐标中不使用曲线的 Inkscape 输出格式?

0 投票
1 回答
177 浏览

inkscape - 生成基本绘图并将其导入 Inkscape?

我开发了一个为软件工程文档生成框图的工具。这是“在内存中”完成的:我的工具没有图形输出(它只是一组算法)。

这些框图是带有属性(名称,...)的彩色矩形。它们具有输入/输出端口(带有名称的较小矩形)以及端口之间的接线。等等。我在自己的工具中管理所有这些元素的图形位置。

我想知道 Inkscape 是否可以很好地显示我的算法结果(其他著名的工具,如 Graphviz、郁金香等已经变得不够用了)。

我想答案可能是“是的!” 但是 Inkscape 使用了哪些格式?它们是否简单且有文档记录?xml 还是什么?

那么我可以从外部控制 Inkscape 生成 pdf、png 等吗?仅供参考,我的工具是用 Ruby 编写的。

任何想法 ?

ps:我可以生成的东西看起来像这个例子

0 投票
5 回答
14448 浏览

html - 使用 Inkspace 或 Gimp 导出 HTML/CSS

是否可以使用 Inkspace 或 Gimp 设计网页并将其导出为 HTML/CSS?

  • 我想要一个使用拖放进行设计的解决方案,而不必一直手动编写大量 HTML/CSS
  • 我更喜欢使用开源软件
  • 对于 Gimp,我发现了这个,但不确定这是否真的有效
  • 对于 Inkspace,我在这里找到了教程,但这似乎并没有从中导出 HTML/CSS

请分享您的经验/想法

谢谢

0 投票
1 回答
5219 浏览

svg - SVG“移动”命令:相对路径的绝对路径

我有一个在 Inkscape 中创建的 SVG 路径,它是一个移动(“M ... z”)命令。根据 SVG 规范,大写的“M”表示绝对路径,但是对于我的应用程序,我需要相对路径。

将绝对路径转换为相对路径的算法是什么?我是否从最后一个 x 和 y 坐标开始并分别减去前一个值,直到我到达值的开头?加分项:

  • 为我将路径转换为相对路径(meh)
  • 提供指向某种资源的链接,该链接将在绝对和相对 SVG 路径之间进行转换,或者指出如何使用 Inkscape 执行此操作(我搜索了邮件列表,发现其他用户谈论必须从源代码重新编译以添加选项手动:|)
  • 提供一个 jquery 单线,将绝对转换为相对,反之亦然

所讨论的路径是一种爆炸​​式的爆炸:

我在 SO 中搜索了类似的问题,但只找到了关于操作系统路径或相对于绝对 SVG 路径的问题(并且没有一个专门询问算法这样做)。如果这是重复的,请随时关闭它。

谢谢!

0 投票
2 回答
2320 浏览

pdf - 在 Inkscape 生成的 PDF 文件中正确嵌入 JPG 数据

Inkscape中存在一个错误,其中包含在 SVG 文档中的 JPEG 图像在导出为 PDF 文件时嵌入为位图而不是 JPEG。

结果是文件大小大幅增加。例如,我有一个简单的 SVG 绘图,其中包含 2 MB JPEG 图像;导出为 PDF 会生成一个 14 MB 的文件。

我正在寻找一种解决方法。有没有办法通过插入正确编码的 JPG 图像来修复生成的 PDF,也许是通过某种 pdftk 技巧?

(在我的情况下,生成的 PDF 将作为图形包含在使用 pdflatex 呈现的 LaTeX 文档中,因此除了直接修复 Inkscape 生成的 PDF 之外,可能还有其他解决方法。)

0 投票
3 回答
1257 浏览

php - 在一行中运行多个 inkscape 命令

是否可以在一个 exec 命令中运行多个命令?我需要从 SVG 文件中获取一些图像,但这个变体太慢了:

所以我需要在一行中做所有事情。我已经尝试过这个:

但这只会提取最后一张图像。

0 投票
5 回答
1510 浏览

batch-file - Cygwin 终端批处理文件 - 找不到文件,但如果我自己运行 cmd 则可以

在 cygwin 下,我创建了 to_png.bat 并使用用于将我的 SVG 文件转换为 PNG 的 inkscape 命令行填充它。如果我自己在命令行上运行这些命令,它们将成功执行。如果我运行 to_png.bat 文件,我会收到以下错误:

** (inkscape.exe:3856): 警告 **: 无法打开指定的文档“svgs/ace.svg”(不存在或不是有效的 SVG 文件)

我当然是从同一个目录运行的,我还尝试指定绝对路径,以防在运行 .bat 文件时,inkscape 看到的工作目录有所不同。我只是使用 python 和 os.system 调用来做到这一点并且遇到了同样的问题。

编辑:从 dos 命令行运行也会出现同样的问题。在 PATH 上找到 inkscape,但 inkscape 找不到 .svg 文件。这是单引号的问题吗?我的文件名中有空格,因此引用。

to_png.bat: