html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- hwSlider-内容滑动切换效果（二）：响应式可触控滑动 今天我们继续内容滑动切换效果的第二部分讲解。如今我们的web开发都要适应移动设备，就是说我们的web页面要在移动设备如手机端也能正常访问，所以我将第一部分的基本切换效果做了加强，增加了响应式和触控滑动效果。查看演示下载源码
- hwSlider-内容滑动切换效果（三）：jquery.hwSlide.js插件封装 经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。查看演示下载
- canvas API ，通俗的canvas基础知识（二） 上文我们讲到了画一条线，画矩形，写文字，总算是有了一个好的开头，如果还没有看的同学出门左转，先看看那篇，这里就不多做叙述了，接下来我们看比较复杂的一些属性和方法！讲之前呢，我还是想温习一下，毕竟上文还有几个属性没有讲到，那我们从画三角形开始吧！如果看了上文，机智的少年肯定会想到，三角形，多
- canvas API ，通俗的canvas基础知识（三） 全文说到了三角形，圆形等相关图形的画法，不熟悉的同学可以出门右转，先看看前文，接下来继续我们的图形——曲线。学过数学，或者是比较了解js的同学都知道贝塞尔曲线，当然，在数学里面，这是一门高深的学问，js里面的贝塞尔曲线一般是用来做动画的，其实别的地方也有体现，比如说Photoshop
- canvas API ，通俗的canvas基础知识（四） 今天要讲的内容是canvas的转换功能，前面的内容没用看的同学可以出门右转，先看看前面的基础知识，废话不多说，开始进入正题吧！何为转换功能？熟悉css3的同学都知道，css3里面有transform，translate，scale，rotate，animation等等，这就是css3的转换功能，同样，canvas也支持，但是只是支持部分，那我们来看看，都
- canvas API ，通俗的canvas基础知识（五） 前几期讲的都是路径图形的绘图，这节我们要讲的是如何在画布上操作图片，因为图形画不了漂亮妹子（画图高手忽略不计），想画美女怎么办？跟我来:想要在画布中插入一张图片，我们需要的方法是这位大侠：drawImage()在画布上绘制图像，画布或视频这位大侠可谓是武功高强啊，其绝学之多，内力之深，堪称高手
- canvas API ，通俗的canvas基础知识（六） 这篇是canvasAPI系列的首尾之作，这篇以后，所有的canvas的属性和方法就将完了，哦，不对，应该是大部分常用的，还有部分不常用的属性和方法，因为种种原因，就不介绍了，后期的重点就是多写一点canvas的实践小实例了，恩，我觉得这才是最实用的，俗话说一例抵千言啊，废话不多说，我们来看看剩下的一些属性和
- canvas实践小实例二 —— 扇形 俗话说：发图不留种，菊花万人捅！我这里想延伸一下：教学不给例，说你是傻逼！哎呀，还挺押韵，嘻嘻，开个玩笑！我们都讲了四期API的知识了，估计大家看的也是枯燥的很啊，前面的小实例也是太简单，简直不解渴啊，但是也不能一口气就吃成一个胖子，下面再给大家来一个小实例，给大家提提神！前面在讲画圆的时候，给大
- HTML5.1 里的新东西HTML5.1概览两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性,还因为它是1999年发布的HTML4.01标准以后，对...
- 用protractor测试canvas绘制(一) protractor是angular那帮人搞得一个e2e的测试框架，本质上是用的webdriver。测试canvas，主要就是图像的比较，搜了搜，没有找到太好的nodejs库，所有还是用之前用过的resemblejs。resemblejs用了Image和Canvas，所以是不能直接在nodejs里用的。github上有个人搞了个node-resemble，但是用到了一
- 用protractor测试canvas绘制(二) 上一篇写了通过webdriver在浏览器环境下异步调用js代码。今天进入正题。其实有了executeAsyncScript，一切就呼之欲出了。直接上代码：varcompareImage=function(){returnfunction(){eval(arguments[0]);varcanvasBase64=arguments[1];varexpectBa
- JCanvas库 开发接口 最新动态：/content/10088155.html把以下内容复制到文本文档中，另存为JCanvas.js/***@author智圆行方*//***DisplayObject类*可视对象（抽象）*所有的可视对象均继承于此类*定义了所有可视对象最基本得五项属性*/functionDisplayObject(){ this.x=0;//横坐标
- SVG（可缩放矢量图形）基本图形绘制方法与path路径命令SVG（ScalableVectorGraphics）可缩放矢量图形用于描述二维矢量图形的一种图形格式它不是HTML5新增的很早之前它就出现了相比于canvas，它更适合作一些小图标icon等等它的优点就是无论怎样放大，都不会模糊canvas是js动态绘图，而svg是XML文档来描述绘图svg-icon网址：传送门下面我们来看一下如何使用svg绘图创建svg和ca
- SVG（可缩放矢量图形）视区盒属性viewbox与preserveAspectRatioSVG除了width和height这两个基本的宽高设置属性还有两个更高级的属性viewbox与preserveAspectRatio视区盒viewbox是svg标签上的属性看下面的例子rect{fill:red;}
- SVG（可缩放矢量图形）绘制工具Method Draw给大家介绍一个制作svg的工具当我们在网页上要绘制一个非常复杂的svg图片的时候可以借助于MethodDraw工具进行绘制绘制完毕后可以导出为代码拷贝到我们的项目当中不需要下载，这是一个网页工具工具地址：传送门虽然这个网页bug很多不过这依然是一个不错的工具画布点击画布，在页面的右侧我们可以调整画布属性点击属性，滚动滑轮可以微调或者直接双击修改属性值工具栏左侧工具栏
- SVG（可缩放矢量图形）虚线相关属性与线条动画原理：一条会动的线SVG可以实现非常酷炫的线条动画甚至是这样的网页传送门我们可以先来实现一个简单的SVG线条动画像这样不要着急，在此之前我们需要先了解一些属性值虚线属性虚线属性包括两个stroke-dasharray与stroke-dashoffsetstroke-dasharray大家来看下面的例子<pat
- SVG（可缩放矢量图形）图片添加、高斯模糊、渐变与g标签今天主要谈一下SVG的特殊效果其实和canvas都是差不多的，只不过是利用XML标签用的不是很多但是以防以后万一用到还是整理一下图片添加svg中也可以添加图片注意这里
- HTML5优化Web动画—requestAnimationFrame在页面中实现动画，我们有很多选择可以使用CSS3的transitionCSS3中的animation配合keyframes规则SVG中也可以使用SMIL-animation最原始的方法就是我们利用JavaScript的setTimeout/setInterval来实现动画不过现在我们又多了一种方法requestAnimationFrame优势requestAnimationF
- HTML5客户端数据存储Web Storage—localStorage与sessionStorageHTML5提供了在客户端存储数据的新方法WebStorage类似于HTML4中的Cookie不过它要强大的多Cookie先来简单复习一下之前使用的cookiecookie存储数据到用户设备上，存储的数据量较小只有4KB可以通过navigator.cookieEnabled检测是否开启了cookie设置cookiedocument.cookie='key=value';获取co
- 移动端Touch事件与H5-Canvas像素点检测实现刮刮乐最近又被支付宝的集福字刷屏了我到底还是没看到敬业福ค(TㅅT)心塞今天给大家带来移动端的刮刮乐实现效果就是这样的手滑动触发刮卡当刮卡面积达到70%以上，自动刮开全部灰色图层代码不是很多全部代码就这些<metacontent=wid
- HTML5画布Canvas线段、矩形、弧形及贝塞尔曲线等简单图形绘制HTML5中最有意思的就是这个canvas了通过它我们可以画自己想要的图形它也是十分重要的技术应用于游戏、图表等等或者绘制各种酷炫的东西这里给大家分享一个网站传送门里面都是canvas技术绘制的图形画布创建canvas是html的一个标签是一个图形容器首先要在html页面添加一个canvas元素<canvasid=myCanvaswidth=500heig
- HTML5画布Canvas坐标轴转换、图案填充、渐变与阴影 上一篇文章我们了解了一些canvas基本图形绘制下面我们再来看一些相关操作坐标轴变换我们画布中默认的坐标轴与浏览器坐标轴相同x正半轴朝右y正半轴朝下但是我们可以手动设置画布坐标轴变换首先还是会获取“画布”和“画笔”varcanvas=document.getElement
- HTML5画布Canvas文本填充、线段属性、裁剪、透明度与像素合并方式CSS3中的很多都可以类比与我们canvas的一些属性canvas中“画笔”环境对象的很多属性都可以类比CSS3中的属性我们不仅仅可以绘制图形，还可以向画布中添加文字文字填充同样先获取元素对象与环境对象varcanvas=document.getElementById('myCanv
- HTML5画布Canvas图片抽取、像素信息获取、命中检测今天主要介绍canvas中比较强大的功能比如将画布内容抽取为图片获取、修改画布的像素信息以及画布的命中检测首先我仍然需要创建画布图片抽取首先要明确的一点是toDataURL()是canvas对象自身的方法而不是环境对象的这个方法会将canvas的内容抽取为一张图片（base
- 基于HTML5 的人脸识别活体认证的实现方法 近几年，人脸识别技术在身份认证领域的应用已经有了较多应用，例如：支付宝、招行的取款、养老金领取等方面，但在杜绝假冒、认证安全性等方面，目前还是一个比较需要进一步解决的课题，特别是在移动端的活体认证技术方面。本文介绍了在HTML5环境下可以采用clmtrackr.js检测工具，结合人脸模型，