在线建站培训
网站模板 网页制作html5教程
html5教程
HTML5 canvas基本绘图之绘制线段方法
canvas/canvas是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。canvas/c ...
2017-8-1 08:12
一篇浅谈HTML5新增及移除的元素
HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。图形绘制新元素标签描述canvas标签定 ...
2017-8-1 08:11
HTML5 canvas基本绘图之绘制矩形方法
canvas/canvas只是一个绘制图形的容器,除了id、class、style等属性外,还有height和width属性。在canvas元素上绘图主要有三步:1.获取canvas元素对应的DOM对象,这是一个Canvas对象;2.调用Canvas对象的getContext( ...
2017-8-1 08:11
HTML5 canvas基本绘图之绘制阴影方法
canvas/canvas是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。canvas/c ...
2017-8-1 08:10
如何使用Html5编写属于自己的画画板
最近了解到html5强大的绘图功能让我惊奇,于是,写了个小玩意---涂鸦板,能实现功能有:画画,改色,调整画笔大小html5的绘图可以分为点,线,面,圆,图片等,点和线,这可是所有平面效果的基点,有了这两个东西,没 ...
2017-8-1 08:10
webStorage是html5中用于本地化存储的一种方式
1.webStorage是什么?webStorage是html5中用于本地化存储的一种方式,而在之前呢我们是用cookie的存储方式处理;2.那它们之间的区别是什么?Ⅰ.cookie存在的问题:ⅰ.cookie需要向服务端发送一个请求,服务端返回一个 ...
2017-8-1 08:09
HTML5对手机页面长按会粘贴复制禁用的解决方法
解决方法如下所示:直接在CSS 文件中添加下面的代码,就可以实现了在手机端禁止粘贴复制的功能:XML/HTML Code复制内容到剪贴板*{ -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/*w ...
2017-8-1 08:08
为大家带来一篇HTML5 Web 存储详解
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:•localStorage - 没有时间限制的数据存储•sessionStorage- 针对一个 session的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合 ...
2017-8-1 08:08
利用纯HTML5+CSS3制作的生日蛋糕
以一个前端开发的身份绘制一个简单的蛋糕庆祝一下今天这个好日子吧,程序员庆生的乐趣与哀愁啊。写的比较简陋,感兴趣的看一下吧。先发个效果图吧蛋糕分为三个部分,底部蛋糕,顶层蛋糕和蜡烛部分。HTML的布局结构也 ...
2017-8-1 08:07
HTML5地理定位与第三方工具百度地图的应用
看到了很多技术大牛和相关博客,很少关于HTML5的地理定位的描述,不知道他们是不愿意提及还是使用的少的原因,我个人按一点点经验总结了两方面原因:第一、服务商方面的原因,因为HTML5的定位是由google提供的,由于 ...
2017-7-12 18:21
解决img标签上下出现间隙的方法
我们在平常的开发过程中,经常需要使用多张图片,而使用多张图片的时候,我们一般会去使用一个列表来对我们的img 进行承装。?1234567891011121314151617181920212223242526272829!DOCTYPE htmlhtml lang="en"hea ...
2017-7-12 18:20
HTML5-WebSocket实现聊天室示例
在传统的网页实现聊天室的方法是通过每隔一段时间请求服务器获取相关聊天信息来实现,然而html5带来的websocket功能改变这了这种方式.由于websocket在连接服务器后允许保持连接来进行数据交互,因此服务器可以主动地 ...
2017-7-12 18:20
详解HTML5通讯录获取指定多个人的信息
本文介绍了HTML5通讯录获取指定多个人的信息,具体如下:一、获取多个人的信息:要解决通讯录导入多个人的信息之前,要解决获取多个人的信息。我通过plus.contacts.getAddressBook和address.find的套用把通讯录里面的 ...
2017-7-12 18:19
HTML5应用之文件上传详解
长期以来,开发者们一直为此苦恼,大部分为解决这个问题都采用了flash作为解决方案,但flash并非灵丹妙药,因为flash版本,割据造成的问题有时反倒成为了噩梦。有些网站则采用了form标签的enctype=multipart/form-da ...
2017-7-12 18:18
详解HTML5中的<template>标签
一、HTML5 template元素初面template元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法:XML/HTML Code复制内容到剪 ...
2017-7-12 18:17