<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[无心的专栏]]></title><description><![CDATA[懒死，博客已经不写了。]]></description><link>https://blog.youkuaiyun.com/cuixiping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cuixiping]]></copyright><item><title><![CDATA[用echarts生成的华容道状态关系图]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/127905661</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/127905661</guid><author>cuixiping</author><pubDate>Thu, 17 Nov 2022 16:30:58 +0800</pubDate><description><![CDATA[某位朋友研究华容道, 于是受到启发, 用echarts做一个可视化的华容道状态关系图。]]></description><category></category></item><item><title><![CDATA[SVG路径（path）中的圆弧(A)指令的语法说明及计算逻辑]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/79663611</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/79663611</guid><author>cuixiping</author><pubDate>Fri, 23 Mar 2018 11:06:40 +0800</pubDate><description><![CDATA[SVG中的路径数据，即path元素的 d 属性，有一系列的路径绘制指令，其中椭圆弧指令(A)最复杂，不算椭圆弧起始点的x,y坐标的话，依然有7个参数。SVG椭圆弧指令的参数，与Canvas等圆弧指令的参数有很大差别，Canvas中使用圆心、半径、起始角度、结束角度等为参数，而SVG使用起始点坐标、半径、方向、结束点坐标等为参数。SVG之所以实现为这样的参数形式，是因为SVG中的路径包含的每段子...]]></description><category></category></item><item><title><![CDATA[QQ轻聊版、TIM版无法修改个人文件夹位置的解决方法]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/71601765</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/71601765</guid><author>cuixiping</author><pubDate>Thu, 11 May 2017 11:21:46 +0800</pubDate><description><![CDATA[QQ轻聊版、TIM版均有这个BUG：如果电脑上之前没有安装过QQ完整版（比如我新装的虚拟机），那么QQ轻聊版、TIM版里面，设置修改个人文件夹位置将无法生效。在QQ轻聊版、TIM版设置界面修改个人文件夹位置后，会提示转移数据文件，之后会重启轻聊版/TIM，但重启后的登录界面上没有之前登录过的QQ号，重新输入QQ号和密码登录后，查看配置界面，发现个人文件夹位置还是修改之前的默认路径（通常是在我的文档下）。
后来查到了一个贴吧的帖子，才找到解决方法，这里记录一下，给有需要的朋友。]]></description><category></category></item><item><title><![CDATA[HTML5 Canvas 绘制椭圆与椭圆弧的实现]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/51556663</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/51556663</guid><author>cuixiping</author><pubDate>Wed, 01 Jun 2016 19:00:33 +0800</pubDate><description><![CDATA[由于HTML Canvas 2D Context标准中并没有直接绘制椭圆与椭圆弧的方法，所以浏览器普遍没有这个方法，不过，Chrome支持ellipse方法。IE11，Edge, Firefox, Safari目前最新版都还不支持。所以，我们需要用JS来实现这个方法，给Context2D加上一个ellipse方法。]]></description><category></category></item><item><title><![CDATA[在Windows命令行窗口中输入并运行PHP代码片段(不需要php文件)的方法]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/47184029</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/47184029</guid><author>cuixiping</author><pubDate>Mon, 03 Aug 2015 16:56:13 +0800</pubDate><description><![CDATA[有时候只是简单的为了测试某个php函数的效果，以前总是需要建一个php文件，复制这个文件的路径，再通过web访问或者用php命令执行这个php文件。
一直想要怎么才能不用创建文件，才能直接执行PHP代码片段呢？终于找到了方法，现在分享出来，给有需要的人。]]></description><category></category></item><item><title><![CDATA[DataURL与File,Blob,canvas对象之间的互相转换的Javascript]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/45932793</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/45932793</guid><author>cuixiping</author><pubDate>Wed, 27 May 2015 01:14:54 +0800</pubDate><description><![CDATA[canvas转换为dataURL (从canvas获取dataURL)



var dataurl = canvas.toDataURL('image/png');
var dataurl2 = canvas.toDataURL('image/jpeg', 0.8);



File对象转换为dataURL、Blob对象转换为dataURL

File对象也是一个Blob对象，二者的处理相同。
...]]></description><category></category></item><item><title><![CDATA[Javascript TypedArray 解惑：Uint8Array 与 Uint8ClampedArray 的区别]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/42270561</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/42270561</guid><author>cuixiping</author><pubDate>Tue, 30 Dec 2014 20:32:48 +0800</pubDate><description><![CDATA[JS的类型数组，从其构造函数名称，基本上都可以望文生义，看名字就知道怎么回事。
但是有一个例外 Uint8ClampedArray ，它与 Uint8Array 颇为相似，但又有所区别。
本文详细介绍这两者之间的差异，并举例说明。]]></description><category></category></item><item><title><![CDATA[为Web服务器配置svgz文件需要的http头，让浏览器可以打开svgz文件]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/40735801</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/40735801</guid><author>cuixiping</author><pubDate>Mon, 03 Nov 2014 09:59:18 +0800</pubDate><description><![CDATA[本文介绍了让浏览器能正常显示svgz文件应该怎样进行配置，并给出了Apache httpd服务器上的几种配置方式的示例，以及PHP程序动态输出svgz的例子。]]></description><category></category></item><item><title><![CDATA[HTML5游戏验证码，让验证码美好一点]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/40039549</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/40039549</guid><author>cuixiping</author><pubDate>Mon, 13 Oct 2014 13:30:18 +0800</pubDate><description><![CDATA[以前我写过一篇《HTML5迷你游戏作验证码》]]></description><category></category></item><item><title><![CDATA[用Javascript清空(重置)文件类型的INPUT元素的值]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/37526871</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/37526871</guid><author>cuixiping</author><pubDate>Tue, 08 Jul 2014 08:47:27 +0800</pubDate><description><![CDATA[因为安全限制，脚本不能随意设置文件域< input type=file >的value值，重置一个文件域的值，归纳起来主要有 3 种方法。本文分析这三种方法的浏览器兼容性以及优缺点，并给出一个比较完美的综合方案的代码和Demo。]]></description><category></category></item><item><title><![CDATA[Stave插件，让Fiddler能将URL映射到本地目录，实现批量文件自动响应]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/17630713</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/17630713</guid><author>cuixiping</author><pubDate>Mon, 30 Dec 2013 19:56:00 +0800</pubDate><description><![CDATA[Stave是一个Fiddler扩展插件，让Fiddler能将URL映射到本地目录，实现批量文件自动响应。
Fiddler自带的AutoResponder每条自动响应规则只能对应一个本地文件， 在文件数目较多的时候，使用起来很不方便，往往需要部署到本地web服务，有了Stave插件(扩展)，一个URL匹配可以对应一个本地目录，URL规则也支持通配符，前端调试方便多了。]]></description><category></category></item><item><title><![CDATA[Javascript解惑之 new A.B() 与 new A().B() 的区别]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/15037061</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/15037061</guid><author>cuixiping</author><pubDate>Fri, 15 Nov 2013 01:18:09 +0800</pubDate><description><![CDATA[Javascript解惑之 new A.B() 与 new A().B() 的区别，这个问题涉及到的知识面是，点运算符、new运算符、函数执行这三者之间的优先级的问题。到底是点运算符优先呢，还是new运算符优先？]]></description><category></category></item><item><title><![CDATA[DataURL在Web浏览器中的兼容性总结]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/14215947</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/14215947</guid><author>cuixiping</author><pubDate>Wed, 06 Nov 2013 01:40:15 +0800</pubDate><description><![CDATA[对DataURL在Web浏览器中的兼容性做了9点总结，IE中使用data URL的限制，并附了几个实用的有关data URL的链接。]]></description><category></category></item><item><title><![CDATA[SVG + Javascript 实现的五边形的扫雷游戏]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/12941421</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/12941421</guid><author>cuixiping</author><pubDate>Tue, 22 Oct 2013 09:43:20 +0800</pubDate><description><![CDATA[扫雷游戏都玩过，五边形的扫雷你玩过么？国庆期间，写了个SVG + Javascript 实现的五边形的扫雷游戏，根据朋友们的体验，以及自己的想法，后面几天又陆续修了一些bug，增加了一些功能。推理难度降低了，但是没有方块扫雷那么直观，挑战一下头脑吧。]]></description><category></category></item><item><title><![CDATA[高效的获取当前元素是父元素的第几个子元素]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/12710053</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/12710053</guid><author>cuixiping</author><pubDate>Mon, 14 Oct 2013 16:30:03 +0800</pubDate><description><![CDATA[例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。
对于表格TD和TR元素优先使用cellIndex和rowIndex属性。对于IE优先使用sourceIndex属性。其它情形使用previousElementSibling 或 previousSibling 进行遍历。compareDocumentPosition 方法的性能非常差。]]></description><category></category></item><item><title><![CDATA[html中的 ol 元素的序号数字的极限]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/12709273</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/12709273</guid><author>cuixiping</author><pubDate>Mon, 14 Oct 2013 15:16:37 +0800</pubDate><description><![CDATA[在IE, Firefox上，序号达到极限正值2147483647之后，后续的列表项的序号全部同为极限正值 2147483647 不变。
在Chrome上，序号达到极限正值2147483647之后，下一个序号将变为极限负值 -2147483648,  再后续的将在这个基础上递增-2147483647,  -2147483646,...]]></description><category></category></item><item><title><![CDATA[HTML5迷你游戏作验证码]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/12204775</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/12204775</guid><author>cuixiping</author><pubDate>Mon, 30 Sep 2013 19:40:56 +0800</pubDate><description><![CDATA[验证码变得越来越难以识别，给用户造成了很多的麻烦和反感。已经有很多人尝试过各种改进的验证码，但都有各种不足之处。或还是需要键盘输入，少数只需要鼠标操作。或以创意个案形式出现，不具备普遍适用性。或只为特定网站服务，不提供开放的服务。Play Thru 采用HTML5微型游戏来作为验证码，并且提供免费的开放验证码服务，集各种优点于一身。]]></description><category></category></item><item><title><![CDATA[CSS多级数字序号的目录列表(类似3.3.1.这样的列表序号)]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/12193307</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/12193307</guid><author>cuixiping</author><pubDate>Mon, 30 Sep 2013 14:52:45 +0800</pubDate><description><![CDATA[纯CSS实现类似3.3.1., 3.3.2.这样的列表序号，支持多级嵌套编号。 编写文档手册目录的时候，经常会用到这种格式。]]></description><category></category></item><item><title><![CDATA[高效判断点是否在正六边形蜂窝内的方法]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/11716805</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/11716805</guid><author>cuixiping</author><pubDate>Tue, 24 Sep 2013 15:08:16 +0800</pubDate><description><![CDATA[设计中，用到需要判断点是否在正六边形内，先是在网上搜了好几篇文章，发现都搞的挺复杂的，往往要使用向量运算计算面积夹角距离方向等，或者是射线法算交点，或者是切分三角形。我考虑到正六边形的特殊性，发现这个问题其实可以很讨巧的超简单解决，而且算法简单到连小学生都能理解，核心只要比较两个线段的长度。]]></description><category></category></item><item><title><![CDATA[SVG中以任意直线为对称轴的镜像变换及其矩阵]]></title><link>https://blog.youkuaiyun.com/cuixiping/article/details/11934085</link><guid>https://blog.youkuaiyun.com/cuixiping/article/details/11934085</guid><author>cuixiping</author><pubDate>Mon, 23 Sep 2013 16:06:39 +0800</pubDate><description><![CDATA[直线一般方程为 A x + B y + C = 0
则以该直线为对称轴，做镜像变换的矩阵为：


任意点P(x,y)变换后的新坐标Q(x',y')的坐标为：




SVG中的直线通常是以坐标轴形式或者是两点形式表示的。
如果是以两点线段形式表示的，需要先求出直线方程的系数。
两点(x1,y1),(x2,y2)确定的直线方程为：
(y1-y2)*x + (x2-x1)*y]]></description><category></category></item></channel></rss>