让用户在html上绘图

要让用户在HTML上绘图，可以使用Canvas元素。Canvas元素是一个HTML5元素，提供了绘制图形的API。以下是一个简单的示例：

1. 在HTML文件中添加Canvas元素：

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

2. 在JavaScript文件中获取Canvas元素，以及Canvas上下文：

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

3. 使用Canvas上下文中的方法进行绘图：

ctx.beginPath();
ctx.moveTo(100, 100);
ctx.lineTo(300, 100);
ctx.lineTo(200, 300);
ctx.closePath();
ctx.fillStyle = 'red';
ctx.fill();

以上代码将在Canvas上绘制一个红色三角形。

除了绘制基本形状，Canvas还支持绘制文本、图片、渐变等等。可以参考Canvas API文档：https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial。