随笔分类 - HTML5
HTML5
smartcrop.js智能图片裁剪库
摘要:今天将为大家介绍一款近期github上很不错的开源库 – smartcrop.js。它是一款图片处理的智能裁剪库。在很多项目开发中,经常会遇见上传图片的场景,它可能是用户照片信息,也可能是商品图片等。然而在网页布局中,为了更好的用户体验,它们往往都需要一些宽度和高度的限制。对于不合适的图片,常常需要...
阅读全文
移动页面HTML5自适应手机屏幕宽度
摘要:网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义:如果你完全不了...
阅读全文
CSS3 transition-timing-function 深入理解和技巧
摘要:基础语法:transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , ) [, ease | linear | ease-in | ease-out | ease...
阅读全文
Web Audio初步介绍和实践
摘要:Web Audio还是一个比较新的JavaScript API,它和HTML5中的是不同的,简单来说,标签是为了能在网页中嵌入音频文件,和播放器一样,具有操作界面,而Web Audio则是给了开发者对音频数据进行处理、分析的能力,例如混音、过滤等,类似于对音频数据进行PS。一般的网站应用应该是用不倒...
阅读全文
HTML5特效收录-不定时更新
摘要:在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。希望能给大大家启发,并且学习。HTML5 Canvas粒子效果文字动画特效基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在ca...
阅读全文
HTML5实战——svg学习
摘要:百度百科: SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此...
阅读全文