您可以使用HTML5中的<canvas>元素和JavaScript来创建简单的轮廓图。以下是一个示例：
首先，在HTML文件中添加一个<canvas>元素：
<canvas id="myCanvas" width="500" height="500"></canvas>然后，使用JavaScript获取该元素并在其上下文中绘制轮廓图：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100, 100);
ctx.lineTo(300, 100);
ctx.lineTo(300, 300);
ctx.lineTo(100, 300);
ctx.closePath();
ctx.stroke();在上面的代码中，我们使用beginPath()方法开始一条新路径，使用moveTo()方法将绘图位置移动到(100, 100)，使用lineTo()方法绘制线条，最后使用closePath()方法关闭路径。我们还使用stroke()方法绘制路径。
当您运行此代码时，您将在页面上看到一个矩形轮廓图。您可以根据需要更改绘图位置和线条的数量和样式，以创建不同类型的轮廓图。