Web开发

首页 » 常识 » 问答 » Snapsvg功能强大的SVG动画内容
TUhjnbcbe - 2022/12/26 20:52:00

SVG是一种很好的Web技术方案,可以用来创建互动,在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。而这里推荐的Snap.svg这个JavaScript可以让你像jQuery操作DOM一样操作SVG资源。

Snap.svg是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能。凭借丰富的动画库和易于的事件处理,Snap.svg可以帮助你轻松实现SVG功能。

距AdobeSystems4亿美元收购Macromedia已经过去了8年的时间,后者的可伸缩矢量图形SVG格式以及Flash技术自然也属于这一部分。

而现在,鉴于浏览器开发人员渐渐地抛弃插件,该公司在周三于旧金山举办的HTML5开发者大会上,宣布了一个名叫Snap.svg的开源项目,旨在将类Flash的特性带到Web上。

Snap.svg与Adobe

Snap.svg是一个JavaScript库,Web开发人员可以创建带SVG功能的华丽网页。当然它会配合Adobe的一套新Web标准开发工具,比如Edge。

Adobe表示,"Snap.svg是一个强大且直观的SVG动画内容操纵API,支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能"。

Snap.svg的作者是Adobe公司的DmitryBaranovskiy,此前他创建了一个名叫Raphael的早期SVG项目。Snap.svg可以在现代浏览器上工作。

SVG是什么?

SVG是Web标准,Snap.svg是一个用于在HTML前端生成SVG的JavaScript工具集,SVG的工具集其实有很多,如svg.js、raphaeljs,离开了这些工具,我们依然可以实现SVG作图,只不过要自己写SVGXML。

Snap.svg的缺陷

Snap.svg里应用了一些SVG的高级特性,对于低端的浏览器比如IE6可能支持不是很好,但大部分的浏览器Chrome、FiFox、Safari或IE9+;如果看官考虑的是作图的兼容性,可以考虑

1
查看完整版本: Snapsvg功能强大的SVG动画内容