文章分类 -  html5

【转】canvas save restore详解（包你懂，绝对不是百度里千篇一律的教程）
摘要：如果你是要进来看我怎么写的教程，那就错了！！ 因为有人写得太好了，只要你懂英语，那就进来 传送门 吧！ 阅读全文
posted @ 2016-09-01 15:13 Joy Ho 阅读(245) 评论(0) 推荐(0)
canvas三次贝塞尔曲线（通俗易懂理解）
摘要：关于贝塞尔曲线，网上很多博客都已经给出了解释。。。真的好多。 但是我看了几百遍都不明白！！不知道大家跟我有没有同样的感受。所以就来个重点解释，通俗易懂版给大家吧~~ 下面的这个图，相信你也看到过很多。然而，我这里也是需要贴一下这个图的（不知道是哪个大神的图，不好意思，借用一下）。 参数讲解 P0是曲 阅读全文
posted @ 2016-08-29 10:59 Joy Ho 阅读(14947) 评论(0) 推荐(0)
PJAX技术——使用ajax和history.pushState无刷新改变页面URL
摘要：1.什么是PJAXPJAX就是使用ajax和history.pushState实现无刷新改变页面URL的一种技术。history.pushState是HTML5提供的history接口中的一个函数。 阅读全文
posted @ 2015-04-15 21:00 Joy Ho 阅读(176) 评论(0) 推荐(0)
html5 canvas实现多重颜色圆环进度条
摘要：如题，使用canvas实现如图效果，该效果用于手机端，也可以用于支持canvas的PC浏览器实现思想：在画布上画多重扇圆进行颜色叠加，最后在顶层加上一个白色并且半径最小的圆覆盖，使视觉上形成一个圆环。 第一层是一个灰色的全圆 第二层是从12点钟方向顺时针开始画的红色扇圆，当角度=36... 阅读全文
posted @ 2014-04-16 17:32 Joy Ho 阅读(5560) 评论(0) 推荐(0)
canvas获取鼠标坐标
摘要：如题，废话不多说。demo截图：源代码： 阅读全文
posted @ 2014-02-21 11:12 Joy Ho 阅读(2781) 评论(0) 推荐(0)
canvas在手机页面上被自动放大导致模糊问题（canvas.style.width和canvas.width的区别）
摘要：这几天在移动端页面用到了canvas画折线图。遇到了两个比较关键的问题。1.canvas.style.width跟canvas.width（同理，canvas.style.height和canvas.style.height）是两个不同的概念。canvas.style.width是浏览器渲染canvas的尺寸，而canvas.width是canvas的画布大小。所以不要误以为在css里面设置了canvas的尺寸就OK啦。如果没有设置canvas的width和height属性，则其默认值是width:300px,height:150px。（PS:同时利用style.width,style.hei 阅读全文
posted @ 2014-02-20 11:17 Joy Ho 阅读(2929) 评论(0) 推荐(0)
使用html5 Geolocation显示你的地理位置
摘要：点击这个按钮，获得您的位置：试一下代码如下：<!DOCTYPE html><html><head><meta charset="utf-8" /></head><body><p id="demo">点击这个按钮，获得您的位置：</p><button onclick="getLocation()">试一下</button><div id="mapholder"></div>& 阅读全文
posted @ 2013-05-03 17:48 Joy Ho 阅读(357) 评论(0) 推荐(0)