脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 媒体动画 > Flash教程 > Flash实例教程 >

用flash实现手写输入方法

  发布时间：2010-09-10 23:45:29   作者：佚名   我要评论
之前见有一些网友提到过此类问题，也有人讨论过了，大致原理就是坐标数据，然后根据点坐标去判断笔画，然后生成字符。
最近无聊就尝试去试试，因为手写输入，难点就是根据数据生成笔画这，可惜我是前端的，后台数据不是太了解，所以就打算研究下现在网站上比较通用的flash手写输入。[大家不要问我，为什么不拿flash来做数据生成笔画，如果是让flash来做这个，光从效率上 笔画拆解 笔画匹对 字体筛选就决定了，尤其是第三点flash是不适合的]。

　　好了，言归正传，现在我就拿比较常见的http://hw.baidu.com/这个地址的手写输入来做参谋了

　　

 

　　因为大家比较常见，所以我也不对这个多做介绍

　　p.s 大家可以看见汉王 大大的Logo，对这个我比较有感情，以前做动画的时候，还是学生时代，买不起影拓，所以攒钱买了汉王的绘图板

　　因为我之前就分析了，flash是做表现层的，底层的肯定不是由flash来弄的，所以注定了它是有数据读写的，所以在好奇之心的驱动下，我开启了我浏览器中的HttpWatch,然后就试着随便写写，发现了swf真的post了数据给一个地址http://hw.baidu.com/ ，大家可以打开这个链接看看，网页里就是 {"s":"","t":3}这几个内容，貌似和我们的手写数据没有任何关联，其实不是这样的，因为我们单独打开是没有传入任何参数进去的，所以给人错觉了

　　所以现在我们根据httpWatch来分析下

　　

 

　　大家注意红色圈内的内容，很显然有数据post到了之前那个地址，post的值为type=1,wd=一长串字符

好奇之下，接着写点东西，结果如下图

　　

 

　　都一样，只是wd的内容更多了，前后两次对比后，发现这次的内容是上次内容的递加，这就说明了，这些数据，就是和我们输入笔画有关联的。

　　那这些到底和输入内容有何关系呢?

　　我们接着分析数据，因为是和笔画有关系的，而我之前是随便乱写的，不好分析数据，所以这次我们尝试有规律的写写，很简单，横竖就是我们所要做的

　　横的效果

　　

 

　　发现wd=5a6a8a6a11a6a14a6a17a6a20a6a23a6a24a6貌似有点规律，很显然根据坐标(x,y)来分析下(5,6);(8,6);(11,6);(14,6)......后面依次类推了

　　发现这个规律和我们的一横的笔画很贴切，Y值不变，X值递加，而且递加的也很有规律间隔为3

相关文章

最新评论

关注微信公众号

扫一扫