有没有办法用一个HTML文件在Ruby on Rails中创建多边形目标区域？

<canvas id="myCanvas" width="500" height="500"></canvas>

document.addEventListener("DOMContentLoaded", function() {
  var canvas = document.getElementById("myCanvas");
  var context = canvas.getContext("2d");

  // 绘制多边形
  context.beginPath();
  context.moveTo(100, 100); // 定义起始点坐标
  context.lineTo(200, 100); // 定义第一个顶点坐标
  context.lineTo(200, 200); // 定义第二个顶点坐标
  context.lineTo(100, 200); // 定义第三个顶点坐标
  context.closePath(); // 封闭路径

  // 填充多边形
  context.fillStyle = "red";
  context.fill();

  // 绘制多边形边框
  context.lineWidth = 2;
  context.strokeStyle = "black";
  context.stroke();
});