0

如今,在页面中嵌入很酷的交互式 SVG 艺术是很常见的。我想人们在 Illustrator 中制作他们的原创艺术,然后导出 SVG?他们如何添加行为等。

有没有人有实用的SVG 网络开发的好资源?

4

1 回答 1

3

第一件事是制作你的 SVG。除非您有非常简单的动画,否则您不太可能手动编写路径数据。最受欢迎的编辑器是 Illustrator(但它非常昂贵)和 Inkscape(对于我的目的来说还不错,而且是免费的)。有很多关于如何用它们制作东西的教程。Inkscape 可以导出为相当整洁和标准的 SVG,然后您很可能需要手动设置动画。

object我之前为我的 SVG 添加交互性的两种方法是将 JS 放入 SVG 本身(非常时髦)并使用或将 SVG 导入页面img;或者通过将 SVG 实际上放在页面中,并使用与页面其余部分相同的 JS 对其进行操作。这并不难:您可以使用 JQuery 对页面进行任何操作,例如向项目添加点击处理程序、移动内容、使用 CSS 进行样式设置,您都可以使用 JavaScript。它非常方便。

就实际资源而言,我经常使用Mozilla 开发者网络(MDN),因为它在 SVG 元素方面有很好的资源,而且 jQuery 有自己出色的文档以及几乎无限的 googleable 教程。最后,Inkscape 和 Illustrator 都有自己的手册。从某种意义上说,您可能会问这个问题,因为您正在寻找一些非常具体的网站,可以让这一切变得容易,但我认为没有,只是因为它与所有常见的东西基本上是相同的网络技术你使用,加上一些 SVG 元素来习惯,如果你用矢量图形包生成它们,这些元素并不太繁琐。

于 2011-09-02T20:22:24.803 回答