HTML 第13页-Web前端之家

HTML 第13页

【SVG】使用viewBox添加动画
Html5Posted by Web前端之家 2016.09.13views: 9521评论:0
我最近在CodePen上发表了一个DEMO来庆祝新的一年，然后得到了很多积极的反馈，关于我如何使用viewBox来作为我的场景中的camera的。所以我决定来写一篇文章来介绍一下这个动画是如何创作的~...
Tags: html5 SVG
【SVG】使用SVG创建Cel动画
Html5Posted by Web前端之家 2016.09.12views: 10063评论:0
如果我告诉你存在一种图像格式和GIF一样，但它是矢量格式的？如果我告诉你这个动画的方向还可以反转？如果我告诉你可以直接拿一张普通的图像，然后让它里边的每一个不同的部分都单独地动起来，而且不同部分的速度...
Tags: html5 SVG
【SVG】如何使用tspan元素给SVG文本添加样式、定位
Html5Posted by Web前端之家 2016.09.11views: 11629评论:0
SVG的<text>元素允许你很简单地定位和给文本添加样式，但是如果你想要针对文本的不同部分定位和添加样式呢？难道我们要去创建多个text元素吗？不需要的。有更简单的方式，tspan来拯救...
Tags: html5 SVG
【SVG】SVG图标非常方便，但降级并不容易
Html5Posted by Web前端之家 2016.09.10views: 8295评论:0
图标字体的使用在慢慢减少。最近很多人找出了不要使用字体图标的理由，并劝大家使用SVG图像。在《金融时报》（注：作者是一名《金融时报》的前端工程师），我们一致认为，总的来说，是时候探索作出一些转变了。S...
Tags: html5 SVG
【SVG】CSS vs. SVG:任意图形UI组件
Html5Posted by Web前端之家 2016.09.10views: 11027评论:0
在这个系列教程的前两篇文章中，我们比较了CSS和SVG创建图形文本、复选框和单选按钮的技术与效果。在这篇文章中将介绍CSS和SVG对比技术中的另一个技术——创建图形UI组件的技术。具体地说，我们将要讨...
Tags: html5 SVG
【SVG】SVG坐标系统的应用
Html5Posted by Web前端之家 2016.09.10views: 9110评论:0
SVG其实相当于一块画板，然后在这块画板上绘图形，而每个画板都会有一个坐标系统。比如说画板的原始起点，绘制图形的起始点坐标，终点坐标等。这一切的一切都离开不坐标，而这些坐标就组成了一个坐标系统。在这篇...
Tags: html5 SVG
【SVG】关于SVG文件结构的介绍
Html5Posted by Web前端之家 2016.09.10views: 11121评论:0
在《SVG简介与嵌入HTML页面的方式》简单的介绍了什么是SVG？以及SVG图形与其它格式图像相比，优势在哪。另外介绍怎么将SVG图像应用到HTML页面，让浏览器能显示。从文中了解到，SVG图形其实就...
Tags: html5 SVG
【SVG】SVG填充和描边应用径向渐变的应用
Html5Posted by Web前端之家 2016.09.09views: 8304评论:0
和图案一样，渐变可以给作品增加深度和趣味。虽然当前的趋势是扁平化设计，渐变还是很经常使用的。上节我们大概讲了线性渐变的内容。今天就到径向渐变啦。径向渐变和线性渐变是很相似的，区别只是在于如何定义渐变。...
Tags: html5 SVG
响应式布局中的字体处理
Html4Posted by Web前端之家 2016.09.08views: 37604评论:1
那么多的文章讲了响应式的网站如何布局，使用CSS如何实现，如何BlahBlah的。但是，我们都忘了很重要的一点——对字体大小的响应式控制。现在的很多网站，从布局上来说，尽管是响应式的(当然，或许可以说成所谓响应式的)。但是，从字体上来说，却不一定是响...
Tags: 字体响应式
【SVG】具有可访问性的SVG
Html5Posted by Web前端之家 2016.09.08views: 10186评论:0
可缩放矢量图形(SVG)作为当今新兴的图形格式，在Web应用中往往更受偏爱。你是否也放弃了iconfont或者因为浏览器对SVG良好的支持使其取代了旧的jpg、gif以及png图像格式？接下来就让我...
Tags: Html5 SVG