给这个不规则图形贴图

要给不规则图形贴图，可以使用 Canvas 的 drawImage 方法，在图形内部绘制一张图片即可。

以下是一个在不规则图形内部贴图的示例代码：

HTML 代码：

<canvas id="canvas" width="600" height="400"></canvas>

JavaScript 代码：

// 获取 Canvas 元素和上下文
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

// 绘制不规则图形
ctx.beginPath();
ctx.moveTo(200, 100);
ctx.lineTo(400, 100);
ctx.lineTo(500, 200);
ctx.lineTo(400, 300);
ctx.lineTo(200, 300);
ctx.lineTo(100, 200);
ctx.closePath();
ctx.fillStyle = '#FF0000';
ctx.fill();

// 加载图片并绘制到 Canvas 上
var img = new Image();
img.onload = function() {
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(200, 100);
    ctx.lineTo(400, 100);
    ctx.lineTo(500, 200);
    ctx.lineTo(400, 300);
    ctx.lineTo(200, 300);
    ctx.lineTo(100, 200);
    ctx.closePath();
    ctx.clip();
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
    ctx.restore();
};
img.src = 'image.jpg';

在上面的代码中，我们首先绘制了一个不规则图形并填充了红色。然后我们加载一张图片，并在图片加载完成后使用 drawImage 方法将图片绘制到 Canvas 上。在绘制之前，我们先使用 clip 方法将绘图区域限制在不规则图形内部，这样图片就只会绘制到图形内部。

希望这个示例代码能够帮助您实现不规则图形的贴图！