SVG编辑,还是:SVG与JavaScript?

时间:2011-06-05 22:50:32

标签: javascript graphics svg

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

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

2 - 在图像中放置摇摄控件

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

4 - 使用我的数据集创建散点图和时间线图表,包括图例,轴等。

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

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

事实上,我读的越多,似乎我需要在JavaScript中执行此操作,而不是直接创建图像(但我也不知道JavaScript)。我应该走哪条路?我已经查看了可能会制作图表的20个javascript库,但它们似乎都没有勾选上面的1到3个。我还需要在散点图上叠加折线,其中很少会这样做。谷歌排行榜很接近,但它不会做最后一个。

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

谢谢 -

的Al

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

答案 2 :(得分:0)

如果您要编写C来生成SVG代码,那么您可以在SVG内部编写EMCAScript以进行平移,缩放和各种鼠标悬停效果。我在http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

上写了一个如何添加平移和缩放控件的说明