超逼真的HTML5 Canvas仿Windows画图工具

画图工具一直是Windows操作系统中一直延续下来的实用工具之一,随着系统版本的升级,画图工具的功能和界面也发生了巨大的变化。今天我们要介绍的是一款利用HTML5 Canvas实现的仿Windows早期版本的画图工具,里面的功能几乎和windows中的画图工具功能一样,非常逼真,甚至连快捷键都支持。不得不说,HTML5技术中的Canvas画板特性的确非常实用,它就像一块画布,你可以在上面绘制任意图...
HTML5 Canvas 画图工具

02-HTML5新增标签

!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title新增标签/title/headbody !--meter标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)-- meter value="40" max="100" min="0"/meter !-- 标签标示任务的进度(进程)-- ...
progress HTML meter

html5基础(8)indexedDB数据库

!DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title !--让代码脚本运行到各个浏览器上-- script window.indexedDB=window.indexedDB||window.webkitIndexedDB||window.mozIndexedDB||window.ms...
数据库

html5基础(8)indexedDB数据库

!DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title !--让代码脚本运行到各个浏览器上-- script window.indexedDB=window.indexedDB||window.webkitIndexedDB||window.mozIndexedDB||window.ms...
数据库

html5(2)

安装开发工具 webstorm https://www.jetbrains.com/webstorm/ dreamweaver http://www.adobe.com/downloads.htmlIntelliJ IDEAhttps://www.jetbrains.com/idea/ article标签强调独立性,article可以嵌套使用; article header 作者 ...
html html5

html5基础(4)列表,块,布局;

//列表:可以嵌套使用; ol/ol有序列表 type属性:(a,1(默认),A,I,i),start=“10”属性 ul/ul无序列表 type属性:disc实心圆(默认),circle空心圆,squaref方块 li/li列表项 dl/dl列表(自定义列表) dt/dt列表项 dd/dd描述 ================================================= ...
html5 布局 html

html5基础(5)表单,框架,背景,实体

表单:获取不同类型的用户输入; form表单input输入域textarea 文本域label控制标签fieldset定义域legend域标题select选择列表optgroup选项组option下拉列表选项;button按钮; ============================ body form 用户名: input type="text" 密码: input type...
表单 html5 html

html5基础(3)样式,链接,表格

//样式: 外部样式表 link rel="stylesheet" type="text/css" href="myStyle.css" 内部样式表 style type="text/css" p{ color: red; } /style 内联样式表: p style="color: red"/p //链接 body 文字跳转链接 a href="http:...
html html5

html5基础(6)web storage ,sessionStorage,localStorage;

web Storage功能; sessionStorage;记录浏览器还没有关闭之前的数据; appweb1.js function saveStorage(id) { var target=document.getElementById(id); var str=target.value; //保存数据key value sessionStorage.setItem("mess...
storage

浅谈iOS和HTML5的js交互问题

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; -webkit-text-stroke: #000000} li.li1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; -webkit-text-stroke: #000000} span.s1 {fo...
HTML5