为画布设置模式图像的高度

Question

我在一些图像周围绘制框架。

这是我绘制顶部框架的代码：

this.frame.top.height = this.frame.top.height * this.resizeMultiplyer
const pattern = this.context.createPattern(this.frame.top, 'repeat');
console.log(this.frame.top.height);

console.log(this.frame.top.height);
this.context.fillStyle = pattern;
this.context.fillRect(0, 0, this.canvas.width, this.frame.top.height);

我的目标是使用值{0}和0之间的resizeMultiplyer在不同情况下调整帧宽。 1。

框架正在绘制，但调整大小的乘数用于框架绘制，但框架图像没有调整大小。所以我的形象基本上被切断了。我使用上面的代码附加我的输出

我得到的输出：

Output I'm getting

预期输出：
Output Expected

Answer 1

不是用图像制作图案，而是创建另一个具有所需高度的画布。宽度并将图像绘制在其中。然后使用该画布创建模式。