h5
free361
www.cxyxiche.com
展开
-
canvas画蛋检测
需求:端午节搞一个画蛋的微信游戏,照虚线画好后判定谁最像,画的越好分数越高。分析:canvas可以实现画蛋,用透明度0的两条线按标准鸡蛋的内径和外径分别画两个椭圆,使用isPointInPath方法可以判断点是否落在某个路径中,因为手绘鸡蛋的线条有粗细,所以要设定落在画板上线条的宽度,在指定宽度内落在内圆与外圆中线中间的就算成功的。每移动一下都记录成功和失败的点,最后计算成功率。为了防止某些怪原创 2016-12-22 10:24:30 · 570 阅读 · 0 评论 -
canvas 笛卡尔心
demo地址:http://www.free361.com/demo.php?id=2笛卡尔心body{padding:0;margin:0;overflow: hidden;}#cas{display: block;}img{width:0;height:0; display:none;}window.addEventListener("load",e原创 2016-12-22 11:24:07 · 544 阅读 · 0 评论 -
canvas圆周相对运动
demo地址 http://www.free361.com/demo.php?id=3圆周运动body{padding:0;margin:0;overflow: hidden;}#cas{display: block;}img{width:0;height:0; display:none;}window.addEventListener("load",event原创 2016-12-22 11:30:51 · 371 阅读 · 0 评论 -
canvas几何证明:任意五角星顶点和相邻点组成的5个圆的交点共圆
已知:在任意五角星p1,p2,p3,p4,p5中,△p1,p6,p10、△p4,p7,p6、△p2,p8,p7、△p5,p9,p8和△p3,p10,p9各自的外接圆顺次相交的交点分别为p11,p12,p13,p14,p15。求证:p11,p12,p13,p14,p15五点共圆demo地址:http://www.free361.com/demo.php?id=4原创 2016-12-22 13:23:00 · 1807 阅读 · 0 评论 -
canvas汉字验证码
将原本在服务器端生成的验证码图形移动到浏览器端demo地址:http://www.free361.com/demo.php?id=5captcha.jsfunction canvasApp(_msg_str,callback_fun){ function canvasSupport(){ return Modernizr.canvas;原创 2016-12-22 14:09:57 · 639 阅读 · 0 评论