如何让 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();

       }