随着信息技术的蓬勃发展,国家大力提倡虚拟实验的研究工作。近些年,前端可视化技术也步入了高速发展期,作为H5新特性的Canvas网页画布技术,可视化图表库Echarts,以及新型的WebGl技术为在网页上进行虚拟仿真实验都提供了技术支持。本文结合陕西省精品在线开放课程《液压传动》建设,采用前端可视化相关技术,研究开发了应用于《液压传动》在线开放课程的虚拟仿真实验平台,为了方便在线学习者进行线上实验,进一步了解相关实验原理,本文基于虚拟仿真实验平台开发了液压泵性能实验和节流调速回路性能实验,同时为了使在线学习者了解常用液压元件的结构特点,本文基于虚拟仿真实验平台开发出液压元件的沉浸式虚拟装配实验。目前用于虚拟仿真实验的开发工具都有一个共同特点,就是必须依赖相关软件、以及大量插件,同时操作难度也相对比较高,使用地点也有很大限制,用于线上教学具有一定的局限性。本文所开发的虚拟仿真实验平台基于前端可视化相关技术,避免了软件以及大量插件的使用,具有操作简单、传播性强的特性。对于液压元件及系统的性能虚拟实验,主要是使用canvas以及echarts进行液压系统原理图的添加以及虚拟仪器的构建,同时结合vue响应式原理通过程序设计来实现交互功能。对于虚拟装配实验,为了让在线学习者更清晰的了解常用液压元件的结构,本文基于WebGL技术实现了常见液压元件三维模型的构建与展示,通过碰撞检测算法的运用以及合理的装配序列规划实现了虚拟装配实验中的虚拟装配动画和沉浸式虚拟拆装实验的功能。