javascript - SVG 编辑器,还是 : SVG vs. JavaScript?

标签 javascript graphics svg

我想从数据库应用程序创建 SVG 图表。但是,我对创建 SVG 一无所知,所以我想从一个编辑器开始,如果我能找到的话。理想情况下,这应该让我 -

1 - 在图像中放置缩放控件

2 - 在图像中放置一个平移控件

3 - 在鼠标悬停时做各种事情 - 弹出数据框,突出显示图表点

4 - 从我自己的数据集创建散点图和时间线图,带有图例、坐标轴等。

我的想法是,一旦我从编辑器中获得了一个基本模板,我就可以编写 C 代码来直接生成 SVG 代码。

我花了几个小时寻找,但找不到任何商业或免费应用程序可以做这样的事情。 “SVG 编辑器”主要绘制圆形和矩形,这对我来说用处不大。我错过了什么吗?好像几年前SVG编辑器的开发就停止了,各种编辑器都停产了。我什至找不到与此类似的示例 SVG 代码。

事实上,我读得越多,就越觉得我需要用 JavaScript 来做这件事,而不是直接创建图像(但我也不懂 JavaScript)。关于我应该走哪条路有什么想法吗?我看过大约 20 个可以制作图表的 javascript 库,但似乎没有一个符合上面的所有 1 到 3。我还需要在散点图上叠加多段线,很少有人会这样做。 Google 图表很接近,但不会做最后一个。

哦,我有一群忠实的听众,如果我问得好,他们会升级他们的浏览器。

谢谢-

最佳答案

Inkscape程序是一个 SVG 编辑器。它还允许您 attach javascript它的元素。但是,它实际上并没有向您展示效果。但是,如果您随后将其加载到现代浏览器中,您就可以看到交互效果。您必须了解 Javascript,但它主要涉及添加处理程序和调整 CSS 属性或更改属性。

关于javascript - SVG 编辑器,还是 : SVG vs. JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6246428/

相关文章:

javascript - 实时时钟 javascript 从我的自定义时间开始

python - Kivy - windows - 根本找不到任何有值(value)的窗口提供者

css - 在 Opera 中使用 SVG Sprite 渲染效果不佳

html - 将 SVG 用作 CSS 列表样式图像时浏览器之间的渲染差异

javascript - 如何在传单中加载 SVG 图标?

javascript - 你如何通过 jQuery 动画化列表项向右滑动?

javascript - 使用 BACK 按钮恢复到页面的先前状态

javascript - 如果一个数组的所有项目存在于另一个数组中,则将其删除

c++ - 覆盖/最小化窗口的屏幕截图

graphics - d3.js:手动定义强制布局的节点和链接时,“未定义 “Cannot read property '权重”