SVG编辑器，或者：SVG与JavaScript？

我想从数据库应用程序创建SVG图表。然而，我对创建SVG一无所知，所以我想先从一位编辑开始，如果我能找到的话。这应该非常让我 -SVG编辑器，或者：SVG与JavaScript？

1 - 将图像中的变焦控制

2 - 地方声像控制图像

3 - 做各种事情上鼠标悬停 - 弹出一个数据框，突出显示图表点数

4 - 从我自己的数据集中创建散点图和时间线图表，包括图例，坐标轴等。

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

我花了数小时寻找，我找不到任何商业或免费应用程序，可以做任何这样的事情。 “SVG编辑器”主要绘制圆形和矩形，这对我来说没有多大用处。我错过了什么吗？似乎SVG编辑器的开发几年前就停止了，各种编辑器已经停止了。我什至不能找到类似这样的SVG代码。

事实上，我阅读的越多，看起来我需要在JavaScript中执行此操作，而不是直接创建图像（但我也不了解JavaScript）。我应该去哪个方向的任何想法？我已经看过20个可以绘制图表的JavaScript库，但它们中的任何一个似乎都没有勾选上面的1到3。我还需要在散点图上叠加多段线，并且很少会这样做。谷歌图表很接近，但它不会做最后一个。

哦，我有一个被俘的观众，如果我问得好，他们会升级他们的浏览器。

谢谢 -

铝

来源

2011-06-05 EML

我认为谷歌的图表会做最后的：

标注的时间线：http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

分散：http://code.google.com/apis/ajax/playground/?type=visualization#scatter_chart

来源

2011-06-06 01:48:37

这对时间线很棒，但它不能覆盖散点图上的线条，所以它们没有多大用处。显然可以创建新的可视化，但我找不到有关如何执行此操作的任何文档。 – EML 2011-06-06 10:24:01

对不起，还没有制定出评论，所以上面的2有点突然 - CR做了'添加评论'？！ – EML 2011-06-06 10:36:17

这个组合图表能为你找到你想要的吗？ http://code.google.com/apis/ajax/playground/?type=visualization#combo_chart – 2011-06-06 13:51:50

的Inkscape程序是SVG编辑器。它也允许你attach javascript它的元素。但是，它实际上并没有显示出效果。但是，如果您将其加载到现代浏览器中，您可以看到交互式效果。你必须知道JavaScript，但它主要涉及添加处理程序，调整CSS属性或更改属性。

来源

2011-06-06 02:02:11 Keith

我还没有试过Inkscape，但是我确实花了半小时的时间阅读文档。据我所知，它基本上只是一个插图包。我需要一些足够聪明的东西来嵌入缩放和平移/滚动窗口小部件到生成的SVG中，以及一些鼠标事件的管理。如果我要去使用Javascript，那么我可能会咬紧牙关，在Javascript中做所有事情，使用20或30个Javascript图表库中的一个。 – EML 2011-06-06 10:30:18

那么看看拉斐尔。 – Keith 2011-06-06 10:35:06

我看了一下gRaphael，它专门用于制图（也许还有20个其他的JavaScript库）。这个演示很糟糕，所以我不认为我会详细看看它。在Javascript库中，Highcharts可能是从网站看来最好的。 – EML 2011-06-06 16:18:42

如果您要编写C来生成SVG代码，那么您可以在SVG自身内编写EMCAScript以进行平移，缩放和各种鼠标悬停效果。我已经写了如何添加平移和缩放控制的说明：http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

来源

2011-06-29 20:33:44

SVG编辑器，或者：SVG与JavaScript？

回答

相关问题