javascript - 在某些图形编辑器中使用 Html5/Javascript 图形

标签 javascript svg html5-canvas vector-graphics file-conversion

我得到了一些使用 JavaScript/Html5 Canvas 制作的图形设计。

看这里: http://yeda.us/js/logos.js

现在,我需要将这个图形元素以他可以使用的某种格式提供给图形设计师:以 photoshop 或 Illustrator 友好的格式。

现在,我当然可以截屏并从那里开始我的工作,但我确实需要这个矢量格式的图形,我以后可以更稳健地使用它。

有没有办法将上面提到的代码转换成图形?也许以某种方式将其转换为 SVG?

最佳答案

查看 SVGCanvas,它定义了一个与 HTML5 canvas 兼容的 API,可以从绘图命令创建 SVG 输出。它可能无法处理所有问题,但您的简单示例应该可以正常工作。

只需将代码的相关位粘贴到 left textareas 之一并单击“执行”,然后从右侧的文本区域复制 svg 输出。

关于javascript - 在某些图形编辑器中使用 Html5/Javascript 图形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8745062/

相关文章:

html - 在同一文件夹中的 html 文档中引用嵌入 html 的 svg

html - 如何创建多边形响应式 div?

javascript - 如何使用纯javascript从 Sprite 表中提取 Sprite

javascript - 如何在 React 中创建对象的新实例?

javascript - plot.ly 子图中的多个 X 共享轴

javascript - 将 SVG 分享到 Facebook

javascript - 不影响前面层的 HTML Canvas globalCompositeOperation

javascript - 返回优化的 x 坐标以标准化/最大化具有定义的 y 位置的矩形数组的区域

javascript - 使用 jQuery AJAX 调用导出 CSV

javascript - 如何使用 JavaScript 部分刷新 <canvas> 元素?