如何让 html canvas 对象相互跟随/调整大小？

Question

我正在画布中创建一个交互，用户可以在其中使用滑块调整立方体的大小以查看体积的变化。我需要立方体看起来像一个“包裹”。我只在一个面上为立方体添加了“标签”。当用户调整立方体大小时，如何让这个“标签”随着立方体调整大小/移动？“标签”功能是将它放在立方体的顶面上，但是当您使用滑块以某些方式调整立方体的大小时，即高度，“标签”不会正确地调整立方体的大小/移动. 这是捕获当前的 x 和 y 点并让“标签”的 x 和 y 点紧随其后的问题吗？function label(x, y, wx, wy, h) {           ctx.beginPath();           ctx.moveTo(x, y - h * 0.5);           ctx.lineTo(x - wx, y - h - wx * 0.5);           ctx.lineTo(x - wx + wy, y - h - (wx * 0.5 + wy * 0.5));           ctx.lineTo(x + wy, y - h - wy * 0.5);           ctx.closePath();           ctx.fillStyle = 'white';           ctx.strokeStyle = 'black';           ctx.stroke();           ctx.fill();       }