Javascript，CSS和HTML-根据内容调整大小的文本对象

Question

我是Web开发的新手，我需要创建一个对象，该对象在带有圆角的框中包含文本，如图中所示 边框的大小应随文本的大小而增加。

我不能使用任何CSS库或CSS3边界半径。 有人介意将我指向正确的方向吗？ 我不需要完整的工作代码-我想自己弄清楚细节-但是，非常感谢您提供研究链接或主题列表。

谢谢！

--- edit ----我也不能使用任何CSS或JavaScript库。 我这样做是为了分配任务而不是现实世界的场景-因此存在局限性。

Answer 1

如果您不想使用CSS或图像来实现圆角外观，则可以查看漂亮的角落 。

基本上，它使用javascript在角上覆盖新标签，并使用颜色对比来获取曲线。

Answer 2

好吧，如果您不使用库和css3 ..，则有两种选择：

1. 切成一个圆角的矩形图像，将文本放在一个div中，并创建一堆其他div，并将背景设置为这些图像，详细信息可以在这里找到

2. 在这里使用画布

别担心，画布是不是图书馆，它的HTML5规范的一部分（虽然我不知道你是否可以使用HTML5）了解更多关于帆布以及如何使用它在这里和一个简单的教程在这里 。 如何内的画布解释绘制文本这里