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

【问题标题】：how to insert div/textarea inside html5 shapes like rectangle.?如何在 html5 形状（如矩形）内插入 div/textarea。？
【发布时间】：2012-07-17 14:12:34
【问题描述】：

我正在开发一个 HTML5 项目，我必须在其中制作带有边界的文本。我正在使用 ctx.strokeRect(x,y,width,Height) 来绘制矩形。我的形状（矩形）是可调整大小的。我想在矩形内插入 textarea 或 div，以便在调整文本大小时自行调整。

【问题讨论】：

标签： javascript html

【解决方案1】：

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

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

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

【讨论】：

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