项目首页
首页我们是使用PS进行绘制,通过img标签展示,CSS配置自适应。
词云页
3D词云实现
πr平方
- 首先是将词云数据进行存储并渲染在页面上,设置圆心坐标,以及最大圆半径,通过Math对象上的三角函方法计算词云运动轨迹。
- 创建Tag类,标识x,y,z三维坐标,其中z用于计算为缩放比例和透明度,x,y为横纵坐标,设计move()标签旋转方法传入最大圆半径,标签数量、球心横坐标、球心纵坐标,动态修改标签横坐标、纵坐标实现旋转
- 监听鼠标移动事件
mousemove
,设置旋转角度。
大约 3 分钟