html5的Canvas技术实现简易绘画板

本例说说用html5的Canvas技术实现简易绘画板

以往也用canvas划过绘画布局，今次在原来的基础上加上一些能选择的功能，比如笔头的大小、绘画的形状、绘画的线条、清除按钮等！

功能还不是很完善， 如有不恰当或有问题之处，欢迎给予斧正，感谢支持！

下面看看效果图：

实现代码

html结构：

css样式：

想读更多 ->

扣丁学堂HTML5视频教程之HTML5标签详解

今天扣丁学堂小编为大家总结一下关于HTML5视频教程之HTML5标签详解，下面我们一起来看一下吧。

可以进行省略的标签

不允许写结束标记的标签：area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多个列定义属性值)、embed(定义嵌入的内容，比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略结束标记的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

可以完全省略的标签：html、head、body、colgroup、tbody

新增的标签

section:页面中的一个内容区块，入章节、页面、页脚或页面的其他部分、可以和h1、h2...等标签结合起来使用，表示文档结构。

article:表示页面中一

想读更多 ->

Java开发基础入门教程：html5和CSS

Java开发已经悄无声息的走进我们的生活中，无论是手机软件、手机Java游戏还是电脑软件等，只要你使用到电子产品就会碰到和Java有关的东西，更多的企业正采用Java语言开发网站，也心音了好多志同道合的朋友开始加入Java开发的行列。千锋教育强势推出的Java+大数据的新课程，为更多的Java学习者打造更加先进的Java开发技术。

我们知道在Java的学习中，Javaweb是我们的必修阶段，而在Javaweb开发中，我们学习的第一课便是HTML5和CSS的入门基础。我们常说的要浏览的网页就是由HTML语言来编写的，而CSS就是能让我们的网页更加绚丽。通过HTML和CSS的编码来显示我们的网页。所以web开发的必备技能便是HTML和CSS。

那什么是HTML呢?HTML就是超文本标记语言。下面是千锋小编为大家准备的HTML的发展史，教你一步一步踏入Java的世界。

HTML1.0-2.0，分别是在1989年和1991年诞生，起初的这两个版本只有几个基本的标签，而且做出来

想读更多 ->

HTML5本地缓存

localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 HTML5 的本地存储，并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 API，使用键值对的方式进行存取数据，存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异，如使用方法、最大存储空间等。

下面我们用sessionStorage写一个本地缓存类

先建一个缓存对象

2.这个对象里有以下方法

声明：本栏目所使用的素材都是凯哥学堂VIP学员所写，学员有权匿名，对文章有最终解释权；凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

绘画是HTML5的新功能，以前是没有的，有flash的功效，各大主流浏览器都支持。

< canvas >绘画组件

canvas 元素用于在网页上绘制图形。

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

创建 Canvas 元素

向 HTML5 页面添加 canvas 元素。

规定元素的 id、宽度和高度：

想读更多 ->

HTML5教程 - HTML5的概述

由于最近HTML5太过火爆，好多童鞋私信我可不可以发一些类似HTML5的教程连载这样的文章。一直在整理中，现在先慢慢开始一些基础的，等十一放假以后我们正式开始。

注：本文为系列连载文章

更多更新请关注本头条号。

HTML5 中文教程

HTML5 是近十年来 Web 开发标准最巨大的飞跃。HTML5 并非仅仅用来表示 Web 内容，它将 Web 带入一个成熟的应用平台，在 HTML5 平台上，视频、音频、图象、动画，以及同电脑的交互都被标准化。

本教程将教会大家HTML5中的新特性，以及每种标签的使用

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section

新的表单控件，比如 calendar、date、time、email、url、search

HTML5 浏览器支持:

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

想读更多 ->

html5音频控制进度条

html5中实现音频的话可以用新增的属性video，但是都会发现其自带的控制进度条非常不好看，所有很多人都会自定义它们的控制进度条，今天就来做一下音频控制进度条！

点击播放后即可看到进度条的圆点在相对于的动起来

代码

html结构：

css样式：

javascript：

HTML5布局方式