在构造几何图形时，在循环内重画该几何图形

，可以采用前端开发中的Canvas技术来实现。

Canvas是HTML5中的一个元素，它提供了一种通过JavaScript来绘制图形的方法，可以用来创建动态、交互式的图形和动画。

在使用Canvas来构造几何图形时，可以使用以下步骤：

1. 创建Canvas元素：在HTML中添加一个Canvas元素，指定宽度和高度，并给它一个唯一的ID，例如：

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

1. 获取Canvas上下文：使用JavaScript获取Canvas元素，并通过getContext()方法获取到绘图上下文，例如：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

1. 绘制初始图形：使用Canvas上下文提供的绘图方法，如绘制路径、绘制线条、填充颜色等来绘制初始的几何图形，例如：

ctx.beginPath();
ctx.rect(50, 50, 200, 100); // 绘制矩形
ctx.fillStyle = "red"; // 填充颜色为红色
ctx.fill(); // 填充图形

1. 循环重画图形：通过使用定时器或者requestAnimationFrame()方法，来循环调用绘制函数，实现图形的重画，例如：

function draw() {
  // 清除画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // 绘制更新后的图形
  ctx.beginPath();
  ctx.rect(50, 50, 200, 100);
  ctx.fillStyle = "blue";
  ctx.fill();

  // 循环调用绘制函数
  requestAnimationFrame(draw);
}

draw(); // 启动绘制函数

通过以上步骤，可以实现在循环内重画几何图形的效果。在具体应用场景中，可以根据需要进行相应的变形、动画效果的添加，以满足具体的设计要求。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），该产品提供了高性能、弹性可扩展的云服务器实例，可用于部署和运行各类应用程序，包括前端开发、后端开发等。您可以访问腾讯云的官方网站了解更多详细信息和产品介绍：腾讯云云服务器。