欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
  • Canvas的API-图像绘制方法

    Canvas的API-文本属性和方法 方法 描述 drawImage() 向画布上绘制图像、画布或视频 chrome不支持 Canvas的API像素操作方法和属性 属性 描述 width 返回 ImageData 对象的宽度 height 返回 ImageData 对象的高度 data 返回一个对象,其包含指定的 ImageData 对...

  • Canvas的API-转换方法

    Canvas的API-转换方法 方法 描述 scale() 缩放当前绘图至更大或更小 rotate() 旋转当前绘图 translate() 重新映射画布上的 (0,0) 位置 transform() 替换绘图的当前转换矩阵 setTransform() 将当前转换重置为单位矩阵。然后运行 transform() Canvas的API-文本...

  • Canvas的API画图样式属性和方法

    Canvas的API线条样式属性和方法 属性 描述 lineCap 设置或返回线条的结束端点样式 lineJoin 设置或返回两条线相交时,所创建的拐角类型 lineWidth 设置或返回当前的线条宽度 miterLimit 设置或返回最大斜接长度 Canvas的API矩形方法 方法 描述 rect() 创建矩...

  • HTML5Canvas的使用

    canvas id=canvas height=300 width=300 您的浏览器不支持canvas标签 /canvas canvas标签在页面中只显示一个设定背景色的画布,如果要产生新内容或者进行画图操作,需要借助canvas API(HTML5的内置对context 对象)和javascript操作实现画图或者其他图像操作...

  • HTML5支持的音频格式

    HTML5在不使用插件的情况下也可以原生的支持音频格式文件的播放,当然支持格式是有限的 HTML5支持的音频格式: Ogg 免费 支持的浏览器:C、F、O MP3 收费 支持的浏览器: I、C、S Wav 收费 支持的浏览器: F、O、S audio的使用 audio src=文件地址 controls=con...

  • html5Video的常用事件

    事件 描述 abort 当音视频加载被异常终止时产生该事件 canplay 当浏览器可以开始播放该音视频时产生该事件 canplaythrough 当浏览器可以开始播放该音视频到结束而无需因缓冲而停止时产生该事件 durationchange 当媒体的总时长改变时产生该事件 emptied 当前...

  • HTML5音/视频标签应用(2)

    1)Video的API属性 属性 说明 audioTracks 返回可用的音轨列表(MultipleTrackList对象) autoplay 媒体加载后自动播放 buffered 返回缓冲部件的时间范围(TimeRanges对象) controller 返回当前的媒体控制器(MediaController对象) controls 显示播控控件 cr...

  • HTML5音/视频标签应用

    1)Video的使用 video src=文件地址 controls=controls/video video src=文件地址 controls=controls 您的浏览器暂不支持video标签。播放视频 / video video controls=controls width=300 source src=move.ogg type=video/ogg source src=move.mp4 type=vide...

  • ie-css3.htc 让IE6, 7, and 8也支持box-shadow

    IE6/7并不支持css3的属性,IE8也不能很好的支持css3.如何让IE6/7/8支持border-radius(rounded),box-shadow(shadow),text-shadow等这些属性呢?可以通过htc脚本实现这些属性。 .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px;...

  • opacity不兼容问题

    让div 透明,兼容IE FF transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 但 FireFox 3.5+ 已不再支持 -moz-opacity...

  • css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法

    在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题。 大体结构 div class=outer div class=inner1/div div class=inner2/div...

  • html5基础

    支持html5的浏览器 ie9+ firefox opear safari(苹果) chrome(谷歌) 猎豹 UC(移动端) 遨游 海豚 百度 www.html5cn.org www.htmlchina.com www.mthml5.com html标签的改变 1.新的文档类型声明(DTD) HTML5的DTD声明为: !doctype thml 在编写模式HTML5文...

  • css实用布局口诀

    一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高...

  • div如何相对于整个页面垂直居中

    !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文...

  • 如何设置span宽度

    网页布局里设置了span,想设置宽度,却发宽度设置无效,通过查阅CSS2标准中关于width 的定义发现,原来CSS中的 width 属性并不总是有效的,如果对象是 inline 对象,width 属性就会被忽略,Firefox 和 IE 是遵循CSS标准,因而直接设置span宽度会无效。 如何设...

  • IE6,360兼容模式下如何去除两个相邻图片之间的间距

    今天做了一个页面,在本地测试么有问题,可是传到服务器上事多了,因为这个页面是一个专题,基本是切图,所以图片与图片之间出现了间隔,下面是解决方案。 下边是CSS代码,只需要在css文件顶部加入就可以了 原理就是将img设置为一个块元素 首先需要将表格 bo...

  • dede分页css样式

    .listpage {height:27px; line-height:25px; text-align:right; padding-top:10px; background:#FAF0D5; width:690px} .listpage li {float:left; margin-left:5px} .listpage a {padding:5px; color:#4F3902; background:#FAF2D9; border:1px solid #D6C38F}...

  • 关于CSS Hack与float闭合(清除浮动)

    以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) Example Source Code [ www.52css.com ] style #wrapper { width: 100px!important; width: 80px;...

  • div+css网站布局的八个小技巧

    1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后...

  • 如何解决IE7和IE8的BUG

    CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然52CSS.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。 在以前的文章中52CSS.com向大家说明,IE8会是福音还是又...

前端案例

返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!