Html5
文章平均质量分 65
严芷云
天有不测风云 ,云又有瞬息万变。请多指教!!!!
展开
-
HTML5 _表单提交
html5的确是大势所趋 现在就来说下html 5 <!DOCTYPE html> 当你看到你的页面标头是这样 证明是h5咯 ,以往的页面开头总是很长 现在简单多了<meta charset="UTF-8">这个是编码格式咯 或者是别的这时候就说说 吧<form action="提交地址" method="get/post" onsubmit="return checked原创 2016-07-26 18:25:08 · 6830 阅读 · 0 评论 -
HTML5 Canvas中 瞎鼓捣
自己准备些一个类似于守株待兔的一个玩意 具体说来 就是 在canvas 的画布中 鼠标点击后画上一个圆形 然后就有随机的在画布上面出现小球来 如果随机圆和绘制圆的圆心距=2*R 则撞到了。 其中的问题有: ① 怎么获取鼠标点击的坐标点 解决办法 :用一个 包含canvas画布 而且将其宽度和高度设为一致的 同时调用div 的点击事件就可以获取到 此时canvas 中的坐标了 。<d原创 2016-06-22 11:29:44 · 902 阅读 · 0 评论 -
js小方法+Canvas 利用js 实现浏览器保存图片到本地
很多时候会看到 :<input type="button" id="btnsavaImg" value="保存图片到本地" onclick="Download()"/> 这都是固定好的,但是如果你有一天需要动态的去添加方法 或者是根据条件的去绑定点击事件下面的方法呢?需要调用js 的 元素.addEventListener(event, function,useCapture) even原创 2016-06-07 18:59:11 · 36989 阅读 · 2 评论 -
HTML5 Canvas圆盘抽奖应用
无意之间留意到这个网站:http://www.html5tricks.com 在里面看到了一个转盘抽奖 觉得不错就把源码荡了下来 自己鼓捣了下 按自己的理解加了一点点东西 (我的资源里面也有上传)直接上代码 主要需要修改的就是 main.js 里面的东西 也是呈现数据的关键部分$(document).ready(function () { //旋转角度 var angles;原创 2016-04-08 12:02:49 · 1049 阅读 · 0 评论 -
HTML5 绘制简单圆形 loading. . . .
现在有很多的 loading 组件 什么js 等等 闲来没事就写一个 H5的 loading <只是画圆 如果你想要图片 也是可以的 后文会给介绍> 我们都知道 HTML 5里面的 canvas 是一个矩形 你可以做的事情有很多 只要在这个矩形里面就行 。 原理: 在一个canvas 里面循环的去画弧 要想圆弧连贯就要控制每一次擦除和绘制的间隔 你要原创 2016-08-18 11:02:44 · 940 阅读 · 0 评论 -
Canvas 中 isPointInPath
canvas 中的交互很多都可以用isPointInPath来完成 isPointInPath –就是一个检测你的点击或者触摸下是否在这个区域内。 有人会说 很简单啊 在一个区域内 四个点的坐标就可以判断 数学方式不难的 这时候要是来一个月牙形 而且在月弯的空白处点击,我 想你也会感叹 真是扯犊子般的难过了。 首先 大家都知道 canvas 是基于状态绘图的 就是先声明路径原创 2016-09-20 10:07:07 · 1619 阅读 · 0 评论 -
Canvas实现刮刮乐(附解析)
其实有很多地方都会用到这种刮刮乐的效果 有两个想法 1.设置两个canvas 的不同的 z-index 来设置其前后 形成遮罩层的效果 后面的一个canvas 实现绘图功能 前面一个canvas实现清除刮奖涂层的功能 当然也可以用一个canvas 在你别清除了时候边绘制(那样会过于占用资源 而且自我觉得实现麻烦没有采用) 2.一个div用来显示图片或者文字 ca原创 2016-11-16 11:27:04 · 5040 阅读 · 1 评论