网页制作

HTML5 Canvas的性能提高技巧经验分享

本文为大家讲解下使用缓存技术实现预绘制，减少重复绘制Canvs内容以及避免使用浮点数坐标等来提高HTML5 Canvas的性能，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 32 0 HTML5 Canvas"
HTML5 Canvas鼠标与键盘事件demo示例

本文的主要母的是演示HTML5 Canvas鼠标事件，获取Canvas对象上的鼠标坐标，演示键盘事件通过键盘控制Canvas上对象移动，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 32 0 HTML5 Canvas 鼠标键盘"
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)

HTML5 Canvas中提供了实现图形API，通过它可以简单的实现平移，旋转，放缩等等，下面与大家分享下平移，旋转，放缩的具体实现及参照图，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 28 0 HTML5 Canvas 平移放缩旋转"
HTML5验证以及日期显示的实现详解

以前忽略了HTML5的强大功能，谁知有了它数据大部分都不需要自己验证，显示日历也不需要插件啦，一些小功能分享给大家...

html5 2022-02-06 59 0 HTML5 验证日期显示"
HTML5 Canvas draw方法制作动画效果示例

首先要准备一张有连续帧的图片，然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放，关键技术点及实例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 28 0 Canvas draw 动画"
HTML5 Canvas渐进填充与透明实现图像的Mask效果

本文将为大家详细介绍下Canvas中透明度的设置与使用，结合渐进填充与透明度支持，实现图像的Mask效果，线性渐进方式的代码演示如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 40 0 Canvas 渐进填充 Mask"
css 如何让背景图片拉伸填充避免重复显示

但是css3出现以后，这个重复显示的情况被改善了。background-size 属性可以让我们之前的让背景图片拉伸填充的希望成真，具体使用方法如下感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 47 0 背景图片拉伸填充"
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)

本文为大家详细介绍下HTML5 Canvas Fill 与Stroke文字效果，基于Canvas如何实现纹理填充与描边、颜色填充与描边，具体代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 33 0 HTML5 Canvas 纹理填充描边"
html5 音乐播放器 audio 标签使用概述

本文为大家详细介绍下html5 音乐播放器 audio 标签的使用概述，喜欢html5的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 34 0 html5 播放器 audio"
HTML5标签与HTML4标签的区别示例介绍

HTML5专注内容与结构，而不专注的表现；HTML5在更多的声明和标签上面做了简化，下面为大家提供了一个HTML5简单示例，大家可以参考下...

html5 2022-02-06 33 0 HTML5标签 HTML4标签"
HTML5注册表单的自动聚焦与占位文本示例代码

想必大家一对HTML5的自动聚焦与占位文本有所了解了吧，要使用HTML5的自动聚焦功能，只需要在表单域中添加autofocus属性即可，首先看下面要使用HTML自动聚焦和占位文本的示例代码，感兴趣的朋友可以了解下哈...

html5 2022-02-06 36 0 注册表单自动聚焦占位文本"
HTML5 的新的表单元素(datalist/keygen/output)使用介绍

HTML5 拥有若干涉及表单的元素和属性，下面为大家介绍下新的表单元素datalist 元素、keygen 元素、output 元素以及它们的使用实例，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 32 0 HTML5 表单元素"
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题

Video对象是HTML5中新增的一个对象，支持多种不同格式的视频在线播放，功能比较强大，Video对象可以通过ontimeupdate事件来报告当前的播放进度，下面为大家介绍下Video对象ontimeupdate事件的问题，感兴趣的朋友可以参考下哈...

html5 2022-02-06 38 0 HTML5 Video对象 ontimeupdate事件"
canvas使用注意点总结

canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而不通过css来添加宽高，下面简单的为大家介绍下canvas使用注意事项，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 35 0 canvas html5"
x-ua-compatible content=”IE=7, IE=9″意思理解

以前没有IE9的时候，为了照顾ie8就写个强制使IE8浏览器使用IE7模式渲染...

html5 2022-02-06 35 0 IE=7 IE=9"
html5弹跳球示例代码

弹跳球使用html5实现，不必惊讶，使用html5完全可以实现，具体的截图及代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助...

html5 2022-02-06 39 0 html5 弹跳球"
html5 迷宫游戏(碰撞检测)实例一

通过鼠标拖拽在画布上添加墙壁，通过方向键控制多边形上下左右移动，遇到墙壁则无法前进，下面为大家介绍下需要解决的问题及具体的实现代码，感兴趣的朋友可以学习下...

html5 2022-02-06 43 0 html5 迷宫碰撞检测"
html5 乒乓球(碰撞检测)实例二

小球可以在方框内部自由运动，可以通过方向键控制黑色砖块上下左右移动去与小球发生碰撞，具体的实现思路及代码如下，感兴趣的朋友可以参考下，希望对大家学习html5有所帮助...

html5 2022-02-06 35 0 html5 乒乓球碰撞检测"
html5记忆翻牌游戏实现思路及代码

主要功能实现翻开的2张牌如果配对就会消除，否则2张牌都会返回背面，下面为大家介绍一下需求分析及示例代码，感兴趣的朋友可以学习下...

html5 2022-02-06 31 0 html5 记忆翻牌游戏"
html5模拟平抛运动(模拟小球平抛运动过程)

物体以一定的初速度沿水平方向抛出，如果物体仅受重力作用，这样的运动叫做平抛运动，本文为大家介绍下使用html5模拟小球平抛运动过程，具体的代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助...

html5 2022-02-06 37 0 html5 平抛运动"
HTML5 中新的全局属性(整理)

本文整理了一些HTML 5 中新的全局属性，很使用，学习html5的朋友们可以参考下...

html5 2022-02-06 35 0 HTML5 全局属性"
使用HTML5的File实现base64和图片的互转

内联图片即使把图片文件编码成base64，优点是可以减少http的请求，缺点是不能跨域缓存，用html5的file api里的 readAsDataURL函数这是一个把文件转化成base64编码...

html5 2022-02-06 28 0 base64 图片互转 HTML5"
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线

绘制一个像素宽的细线，在使用HTML5 Canvas实现时要特别注意确保你的所有坐标点是整数，否则HTML5会自动实现边缘反锯齿，感兴趣的朋友可以看下效果图...

html5 2022-02-06 34 0 HTML5 Canvas 像素宽细线"
HTML5 Canvas自定义圆角矩形与虚线示例代码

HTML5 Canvas绘制对象中提供的原生功能没有实现绘制圆角矩形与虚线的功能，通过JavaScript的Object.prototype可以实现对对象CanvasRenderingContext2D添加这两个函数功能，具体实现如下，感兴趣的朋友可以参考下...

html5 2022-02-06 47 0 HTML5 Canvas 圆角矩形虚线"
HTML5 Canvas阴影使用方法实例演示

HTML5 Canvas中提供了设置阴影的四个属性值可以实现阴影文字、3D拉影效果、边缘模糊效果文字，具体的演示代码如下，想学习的朋友可以参考下...

html5 2022-02-06 32 0 HTML5 Canvas 阴影"