文章出處

最近無聊就嘗試去試試,因為手寫輸入,難點就是根據數據生成筆畫這,可惜我是前端的,后臺數據不是太了解,所以就打算研究下現在網站上比較通用的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


歡迎轉載:http://www.kanwencang.com/bangong/20161116/54269.html

文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()