本发明涉及一种基于Canvas API的盾构施工图前端显示方法，包括步骤：输出原始位图，使用原始位图起点和终点的横坐标及显示位图的宽度像素计算水平缩放因子，根据水平缩放因子对原始位图进行缩放得到显示位图并将原始位图和显示位图的坐标系做映射；判断原始位图是否为纵剖面图：若否，则基于关键点的实测三维坐标和映射关系计算显示位图上对应的像素坐标值；若是，则利用刻度尺计算原始位图的纵向缩放因子，再基于关键点的实测三维坐标、纵向缩放因子和映射关系计算显示位图上对应的像素坐标值；利用Canvas API将显示位图显示在前端，并基于像素坐标值将关键点信息绘制在显示位图上。本发明解决了盾构空间位置定位可视化程度低、施工操作交互感不佳的问题。