WeapenRange.js

function draw() {

   const canvas = document.getElementById("rangeCanvas");
   if (canvas.getContext) {
       const ctx = canvas.getContext("2d");

       // 绘制折线
       ctx.beginPath();
       ctx.moveTo(0, 100);
       ctx.lineTo(100, 100);
       ctx.lineTo(150, 0);
       ctx.stroke();

       // 绘制数值
       ctx.font = "12px Arial";
       ctx.fillText("0", 0, 120);
       ctx.fillText("50", 75, 120);
       ctx.fillText("100", 150, 120);
   }

}

// 调用绘制函数 draw();