相关疑难解决方法(0)

我想让我的圆形div保留文本.就像你在图像上看到的那样

我怎么能用CSS做到这一点？因为我的圆形div,会有像平方的文字. http://jsfiddle.net/kUJq8/

div {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: #333;
    color: #FFF;
}

我一直在寻找关于CSS-Shapes的网站; 其中的想法是,我可以使用CSS来创建采用多种形状(如圆形)的文本,而不是矩形.但我发现的网站有不起作用的代码.然后当我查看他们自己的源代码时(因为他们在他们的网站上有他们的例子),结果证明他们拥有的所有例子都是图像 - 而不是真正的代码.所以我在这里问.这个CSS-Shape真的吗？我想在半圆内渲染文本.这就是我发现CSS-Shapes的方式.

将文本拟合到网站上的圆圈会是一个很好的解决方案,因此它会与圆形曲线一起流动,而不是矩形边界框？

这就是我想要实现的目标:页面上有许多黑色圆圈(固定大小),每个圆圈旁边都有一个textarea.当文本输入到文本区域时,它将显示在黑色圆圈中,它以两个轴为中心.如果输入的文本太多,那么该行变得比圆的半径长,减去指定的边距值,该行将像您期望的那样在常规包装中断开,文本块仍然居中.当然,靠近顶部或底部的线将比靠近中间的线更短.

文本将具有固定大小,当圆圈填充文本时,不应显示额外内容(如溢出隐藏).

带有文字的黑色圆圈实际上是气泡,意图打印并粘贴在海报上.

任何奇妙的SVG/Canvas库都支持这个或者我必须从头开始计算我们的方法吗？