holderjs同时显示文本和大小答案

【问题标题】：holderjs show text and size at the same timeholderjs同时显示文本和大小
【发布时间】：2015-09-10 06:49:45
【问题描述】：

我使用holderjs 为我的网站生成占位符图片。

<img data-src="holder.js/200x200" /> 将显示带有文本“200x200”的图像，<img data-src="holder.js/200x200?text=hello" 可以显示带有文本“hello”的图像。

有什么办法可以同时显示图片大小和自定义文本（不要将文本设置为“200x200 hello”之类的内容）？？

谢谢~

更新：2015 年 6 月 25 日

下面是dustjs开发者的Git回复

如果您需要确保两个元素之间留有空格（例如，inline-block 元素或内部 white-space: pre 块，您可以使用 Dust 特殊 {~s} 插入空格。您可以如果您的编辑器允许，也可以在行尾留下尾随空格。Dust 不会去除尾随空格。

【问题讨论】：

标签： image text placeholder holder.js

【解决方案1】：

试试这个：

    <img  data-src="holder.js/200x200?text=hello&fg=#FF0000&size=50" alt='Thumbnail' class="big"/>

它将在文本和颜色中显示大小

更新 1：

将图像标签放入带有“holderjs”类的div标签中

<div class="holderjs" data-background-src="?holder.js/300x200">
<img  data-src="holder.js/300x200/?text=hello" alt='Thumbnail' class="img-thumbnail img-responsive" text="hello" />

</div>

【讨论】：

谢谢，但它不起作用。属性size 只是调整字体大小，而fg 改变颜色。

【解决方案2】：

虽然目前无法做到这一点，但 Holder 在 2.9 中实现这一点存在问题：https://github.com/imsky/holder/issues/148

编辑：现在已实现。

【讨论】：

是的，我打开了那个问题 :)。我创建了一个 koa 中间件来满足我的要求。