Javascript 如何在html5形状（如矩形）中插入div/textarea。？

我正在从事一个HTML5项目，在这个项目中，我必须用它的边界来制作文本。我正在使用ctx.strokeRect（x，y，宽度，高度）绘制矩形。我的形状（矩形）可以调整大小。我想在矩形内插入textarea或div，以便在调整文本大小时自行调整。

您太复杂了。只需使用以下CSS规则创建一个div：

.mydiv {
    width: Xpx;
    height: Xpx;
    background-color: #COLOUR;
    resize: both;
}

---

将“Xpx”替换为宽度和高度的像素量，将“color”替换为实际的十六进制颜色代码。

但要调整矩形的大小。div将获得焦点，矩形在div获得焦点之前不会重新缩放。是否希望它自行调整大小？没有用户交互？