我知道fitText.js和bigText.js,但它们都不适用于多行标题(bigText可以处理多行,但必须将每行包装在一个div中,这在这里不起作用)。简而言之,给一个带有width: 200px; height: 175px;的<h1>有没有一个jQuery插件可以动态地调整文本的大小,直到它全部可见?
如下所示:<h1>My Short Headline</h1>会很大,但像<h1>My Somewhat Longer Headline That Needs To Be Completely Visible With No Truncat
我正在使用Holder.js的默认设置。我想用文本"Image Not Available“指定一个尺寸为100x110的占位符图像:
<img data-src="holder.js/100x110/social/text:Image Not Available" />
当我这样做时,文本字符串在一行上(垂直和水平居中),并最终被截断。然后它显示为:"nage Not Availab“。
请问,是否有一些技巧可以在文本中使用“换行符”,以便(在空间允许且字体大小正确的情况下)文本将在占位符中排成多行,如下所示:
Image Not
Availabl
我正在使用WebGL、three.js和THREE.TextGeometry制作一些3D文本。到目前为止,它工作得很好。我可以创建单行3D文本。
现在我想创建多行文本,比如一个短段落。最好是,当它到达放置它的框/矩形的边界时,我希望它自然地包裹起来。我想要一个类似于标准HTML文本在div中的行为,当它到达父div的边缘时,换行为多行。
下面是我如何创建一行代码:
textGeo = new THREE.TextGeometry(
'Hello there. Am I a paragraph? I hope so.',
'size': 30
我通过对每一行使用with来创建SVG文本。文本有很多行,其中一行是空行,就像这样:
this is text line 1
this is text line 3
上面的例子是一个有三行的文本,其中一行是空的。
问题是SVG文本只显示两行,而不是三行(第一行和结尾行,没有中间行)。
查看此处:
有没有人有办法让它显示三行?
注意:我正在使用Raphael JS来创建这些文本。