[图]Snap.svg让Adode重拾了对可伸缩矢量图形(SVG)动画的信仰

标签: 互联网 | 发表时间:2013-10-24 10:31 | 作者:IT媒体
出处:http://www.zuitech.com

距Adobe Systems 34亿美元收购Macromedia已经过去了8年的时间-后者的可伸缩矢量图形(SVG)格式以及Flash技术自然也属于这一部分。而现在,鉴于浏览器开发人员渐渐地抛弃插件,该公司在周三于旧金山举办的HTML5开发者大会上,宣布了一个名叫Snap.svg的开源项目,旨在将类Flash的特性带到Web上。

01382060105_png_w600

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

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

Snap.svg的作者是Adobe公司的Dmitry Baranovskiy,此前他创建了一个名叫Raphael的早期SVG项目。Snap.svg可以在现代浏览器上工作。
[编译自:cnet]

相关 [snap svg adode] 推荐:

[图]Snap.svg让Adode重拾了对可伸缩矢量图形(SVG)动画的信仰

- - 最科技 | 关注互联网科技与应用创新的科技媒体
距Adobe Systems 34亿美元收购Macromedia已经过去了8年的时间-后者的可伸缩矢量图形(SVG)格式以及Flash技术自然也属于这一部分. 而现在,鉴于浏览器开发人员渐渐地抛弃插件,该公司在周三于旧金山举办的HTML5开发者大会上,宣布了一个名叫Snap.svg的开源项目,旨在将类Flash的特性带到Web上.

了解SVG

- - CSDN博客推荐文章
语言: JavaScript,HTML, SVG.         SVG- 可缩放矢量图形 ,是一个XML风格标记驱动的矢量图形的浏览器渲染引擎. 除了IE 9.0和Android V3之前版本外的所有浏览器都支持SVG. Canvas也有同样的支持情况,所以问题往往表现为:我们应该使用哪种方案.

SVG的用法

- - WebHek
先让大家感受一下用SVG技术制作的简单动画:. 如果你看不到这个演示,说明你的浏览器不支持SVG,请使用最新版的谷歌浏览器或火狐浏览器. 《 如何画出一条会动的线》这篇文章专门介绍了上面这SVG动画是如何简单的实现的. SVG是 Scalable Vector Graphics三个单词的首字母缩写.

SVG使用示例

- - JavaScript - Web前端 - ITeye博客
当用户在圆上点击时,使用js创建一个元素:. // 更高效的计时器,类似于setTimeout,不会发生丢. 已有 0 人发表留言,猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.

SVG动画入门

- - Web前端 - ITeye博客
今天我们继续来学习SVG动画方面的知识. 一听到动画效果,你可能就觉的头都打啦. 不要担心,SVG本身提供的动画属性非常容易使用,今天我们就来学习一下基础的知识. SVG中提供了 animate的方法来制作动画属性:. 在上面的代码中,我们在元素里面添加了一个 的标签. 包含了下面的一些属性.

QR码终结者:Social Snap Tag

- Brant - 36氪
有没有谁遇到过这样的情况:在一本杂志上看到了一双自己喜欢的鞋子,立刻就想买下来. Social Snap Tag可以解决这一问题. 我们先来看一下Social Snap Tag和QR码的对比. 事实上,两者的基本功能都是一样的——即帮助连接真实世界和虚拟世界,也就是说通过手机中装载的扫码应用来扫描获取二维码中包含的数字信息.

【超快启动】极速抓拍:Quick Snap

- sean - 爱Apps - www.iapps.im
精选限时免费应用,由 AppPusher 为您送达. 无限精彩,尽在 爱Apps - www.iapps.im. 本站原创内容,转载时请务必注明出处,谢谢. 大小: 0.5 MB 系统: 4.1+. 感谢” Ewen“在”爱分享“中留言分享. 之前给大家介绍过不少摄影类的应用,大家见过既没有界面,又没有任何设置和菜单的么.

理解SVG的viewport,viewBox,preserveAspectRatio

- - Web前端 - ITeye博客
        一个svg,设置了viewBox之后,viewBox的长宽值如果都小于svg的viewport的长宽值,那么结果一定是放大;但是viewBox的长宽值一旦有一个值大于vewport之后,最后的实际效果就不是放大,而是缩小了.         因为viewBox的目的是要自己设置的长宽范围填满viewport.

【转载】SVG是什么?SVG有什么用途?

- - HTML5研究小组
随着网络上信息数据的大量涌现,如何正确显示和出版是有效传输、接收和利用它们的基础. 图形、图像是信息数据可视化的主要方式. 但现有的图形、图像格式存在着缺陷:非开放式,显示和印刷质量及适应性差,难以创建Web上图文信息的个性化定制、交互式以及实时动态方面的应用等. SVG正是在这样的背景下诞生的. SVG(Scalable Vector Graphics,可伸缩性矢量图形)是由万维网联盟(W3C)推出的基于XML编码的开放式图形、图像标准.

我愛 Snap :城市 街拍 技法教學(上)

- Sunset - DIGIPHOTO
Snap , 隨拍 成為紀錄生活真實面貌的呈現方式. 在繁華的 城市 街景 裡,哪一處是你最愛駐足的地方. 街角的 咖啡店 、公園旁的溜滑梯、或是日落時分,玻璃帷幕映照著澄黃夕景的摩天大樓...拿起 相機 ,用不同的角度觀看熟悉的街景,能捕捉到什麼畫面呢. 下面將以 城市街景 為拍攝題材,帶入簡單的拍攝技巧、時機及 焦段 運用,讓大家能輕鬆駕馭 街頭 隨拍 哦.