使用HTML5的File实现base64和图片的互转
内联图片即使把图片文件编码成base64,优点是可以减少http的请求,缺点是不能跨域缓存,用html5的file api里的 readAsDataURL函数 这是一个把文件转化成base64编码
收藏 0赞 0分享
HTML5 Canvas自定义圆角矩形与虚线示例代码
HTML5 Canvas绘制对象中提供的原生功能没有实现绘制圆角矩形与虚线的功能,通过JavaScript的Object.prototype可以实现对对象CanvasRenderingContext2D添加这两个函数功能,具体实现如下,感兴趣的朋友可以参考下
收藏 0赞 0分享
HTML5 Canvas阴影使用方法实例演示
HTML5 Canvas中提供了设置阴影的四个属性值可以实现阴影文字、3D拉影效果、边缘模糊效果文字,具体的演示代码如下,想学习的朋友可以参考下
收藏 0赞 0分享
使用HTML5拍照示例代码
HTML5拍照首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的,感兴趣的朋友可以了解下
收藏 0赞 0分享
HTML5梦幻之旅——炫丽的流星雨效果实现过程
流星出现的时候,人们都喜欢对着它们许愿,因为传说对着流星许下愿望后,愿望就能实现,最近出于兴趣,制作一个拖尾效果,后来想到可以通过拖尾效果来实现一下流星雨的效果
收藏 0赞 0分享
5个你不知道的HTML5的接口介绍
尽管当前的主流浏览器已经实现了很多的HTML5新特性,但是很多开发者根本就没注意到这些更简洁,也很有用的API,本系列文章介绍这些接口API,同时也希望能鼓励更多开发者去探索那些还不广为人知的API
收藏 0赞 0分享
HTML5 placeholder(空白提示)属性介绍
浏览器引入了许多的HTML5 特性其中我最喜欢的一个就是为input元素引入了placeholder属性,placeholder属性显示引导性文字直到输入框获取输入焦点,当有了用户输入内容后引导性内容将会自动隐藏
收藏 0赞 0分享
HTML5新增的Css选择器、伪类介绍
HTML5新增了Css选择器、伪类,本文整理了一些,并给出简单的使用介绍,喜欢html5的朋友可以参考下,希望对大家有所帮助
收藏 0赞 0分享
通过Canvas及File API缩放并上传图片完整示例
创建一个只管的用户界面,并允许你控制图片的大小。上传到服务器端的数据,并不需要处理enctype为 multi-part/form-data 的情况,仅仅一个简单的POST表单处理程序就可以了. 好了,下面附上完整的代码示例
收藏 0赞 0分享
Canvas与Image互相转换示例代码
本文向大家展示怎样转换Image为canvas,以及canvas如何提取出一个Image,示例代码如下,有此需求的朋友可以参考下,希望对大家有所帮助
收藏 0赞 0分享
HTML5的语法变化介绍
HTML5的语法变化主要体现在标签不再区分大小写、元素可以省略结束标签、允许省略属性值的属性等等,感兴趣的朋友可以参考下,希望对大家了解html5有所帮助
收藏 0赞 0分享
HTML5 预加载让页面得以快速呈现
预加载是一种浏览器机制,使用浏览器空闲时间来预先下载/加载用户接下来很可能会浏览的页面/资源,当用户访问某个预加载的链接时,如果从缓存命中,页面就得以快速呈现
收藏 0赞 0分享
HTML5 embed 标签使用方法介绍
embed标签定义嵌入的内容,比如插件,src属性的值必须指定实际的文件扩展名,比如你想用它来播放mp3文件,下面为大家详细介绍下,感兴趣的朋友可以参考下
收藏 0赞 0分享
HTML5 Canvas的性能提高技巧经验分享
本文为大家讲解下使用缓存技术实现预绘制,减少重复绘制Canvs内容以及避免使用浮点数坐标等来提高HTML5 Canvas的性能,感兴趣的朋友可以参考下哈,希望对大家有所帮助
收藏 0赞 0分享
HTML5 Canvas鼠标与键盘事件demo示例
本文的主要母的是演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件通过键盘控制Canvas上对象移动,感兴趣的朋友可以参考下哈,希望对大家有所帮助
收藏 0赞 0分享