现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视频,包括video标签的使用,视频对象可以用到的媒介属性和方法,以及媒介事件。Video标签的使用Video标签含有src、poster、p ...
通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵活,更注重交互和视觉冲击,而动画动作、做图配色等方面更是外行。但事实上,也许你想错了。Web动画并不难。你只需要掌握一些非常基本的知识就能开发出非常漂亮的Web动画。以前开发 ...
技术 davidwalsh 2016-09-30
1、使用Canvas绘制直线:<!doctypehtml> <html> <head> <metacharset="UTF-8"> </head> <styletype="text/css"> canvas{border:dashed2px#CCC} </style> <scripttype="text/javascript"> function$$(id){ returndocument.getElementById(id); } func ...
在HTML5出现之前,页面元素的拖放功能需要通过监听mousedown, mouseover, mouseup等事件,改变元素的相对位置来实现。现在HTML5 DnD API的出现,使得html具有原生的拖放功能,使用也非常简单。下面通过两个小案例来上手一下HTML5的拖放新特性。实例1首先我们建立一个基本的html:第一个div为我们需要将元素拖入的区域,第二个div中是一个稻壳互联 ...
微信公众号
QQ公众号
官方微博