目前效果如下?留言墻
效果
首先阵幸，來想象一下留言墻的樣子赊堪。
每個人腦海
先構思出大概的樣子,留言墻是什么?
一堵墻,和貼在上面的便簽.
那我們怎么做?
當然是造一堵墻和許多便簽.
但是由于屏幕的視圖大小,我們不能真正的造一堵高大的墻也貼不下大的便簽.
所以現(xiàn)在選擇這樣一種方式:
1.我們通過Canvas作為留言墻的墻體
2.新留言則通過坐標在Canvas繪圖(這里用紅圓圈表示)
3.點擊坐標展現(xiàn)留言信息
這樣就構成了基本的留言墻
留言墻基本構造完成以后,怎么辦?
總不能只是看看吧.
所以加上貼留言這個功能.
完成以上的頁面搭建就可以開始連接數(shù)據(jù).
通過野狗? 實時通信引擎 來實現(xiàn)數(shù)據(jù)的及時交互
按照注冊流程,閱讀API.
回到頁面編寫讀取數(shù)據(jù)和添加數(shù)據(jù)的功能
接下來就是優(yōu)化代碼和美化頁面啦~
在點擊紅圈圈顯示留言信息時,我本來準備自己繪制.
但是
我看到了Bootstrap的pop插件,哈哈,偷懶咯.
通過定位把pop定位到鼠標點擊的位置即可.
其他
點擊時通過計算是否點擊在已有坐標上
