目前效果如下 留言墙
效果
首先，来想象一下留言墙的样子。
每个人脑海
先构思出大概的样子,留言墙是什么?
一堵墙,和贴在上面的便签.
那我们怎么做?
当然是造一堵墙和许多便签.
但是由于屏幕的视图大小,我们不能真正的造一堵高大的墙也贴不下大的便签.
所以现在选择这样一种方式:
1.我们通过Canvas作为留言墙的墙体
2.新留言则通过坐标在Canvas绘图(这里用红圆圈表示)
3.点击坐标展现留言信息
这样就构成了基本的留言墙
留言墙基本构造完成以后,怎么办?
总不能只是看看吧.
所以加上贴留言这个功能.
完成以上的页面搭建就可以开始连接数据.
通过野狗 实时通信引擎 来实现数据的及时交互
按照注册流程,阅读API.
回到页面编写读取数据和添加数据的功能
接下来就是优化代码和美化页面啦~
在点击红圈圈显示留言信息时,我本来准备自己绘制.
但是
我看到了Bootstrap的pop插件,哈哈,偷懒咯.
通过定位把pop定位到鼠标点击的位置即可.
其他
点击时通过计算是否点击在已有坐标上
