资讯月刊下载
[Web前端] 12款基于SVG的HTML5应用和动画
SVG是HTML的扩展标记语言,利用SVG可以做非常多的矢量动画,结合HTML5,SVG就变得更加强大。下面12款HTML5动画均基于SVG,一起来看看。 1、HTML5 SVG 3D蝴蝶飞舞动画 逼真超酷 这次我们要分享的这款HTML5动画简直就是逆天,利用SVG制作的3D蝴蝶飞舞动画,蝴蝶飞舞动画非常逼真,蝴蝶飞舞的路线是利用SVG构造的。另外,动画使用了一张立体感很强的天空背景图,让蝴蝶飞舞 ...
[Web前端] 2016 年 10 个最佳的 CodePen 作品
说到 CodePen,前端开发者们肯定不会陌生。如果说 Dribbble 是设计师们聚集的圣地,那么 CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台,而且能够开拓你的视野 —— 你能够及时的了解最新前端技术的应用,同时帮助交互设计师找寻更多的灵感。 年终盘点向来是各大网站、社区的重头戏。当然,与往年一样 CodePen 也出了期名为《The Most ...
[Web前端] W3C首次发布SVG标记、SVG轮廓标准工作草案
4月初,W3C可扩展矢量图(SVG)工作组首次发布了SVG标记(SVG Markers)、SVG轮廓(SVG Markers)两份标准的公开工作草案。 SVG标记,定义了一种SVG特性,允许沿着SVG形状的边缘放置可重用的图形元素,这一特性可以更好的支持数据图表、标记等应用需求。SVG轮廓定义了一组属性,控制SVG形状绘制时的轮廓效果。 此外,该工作组还发布了可扩展矢量图(Scalable Ve ...
[Web前端] SVG.js:基于JavaScript的SVG操作库
SVG.js是一个轻量级的JavaScript库,允许你轻松操作SVG和定义动画。 SVG(Scalable Vector Graphics,可缩放矢量图形)是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。 SVG.js中包含了大量用于定义动画的方法,如移动、缩放、旋转、倾斜等,具体可参阅相关演示。 SVG.js中的一些亮点: 易读的简洁的语法 非常 ...