常用的js绘图库有:
D3.js:一个功能强大的数据可视化库,支持吸附闭合等功能。
Raphael.js:一个轻量级的交互绘图库,支持实时显示角度和长度。
Fabric.js:一个强大的交互绘图库,支持实时检测垂直和平行等功能。
p5.js:一个用于创作艺术和交互作品的库,可以实现吸附闭合等功能。
一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下:<div class="nav">这里是导航所在的DIV容器。</div>
CSS代码:
.nav{
position:fixed/* 绝对定位,fixed是相对于浏览器窗口定位。 */
top:0/* 距离窗口顶部距离 */
left:0/* 距离窗口左边的距离 */
width:100%/* 宽度设置为100% */
height:40px/* 高度 */
z-index:99/* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式,原理及大致内容请看css代码注释