在 Holder.js 中增加文本大小

【问题标题】：Increase text size in Holder.js在 Holder.js 中增加文本大小
【发布时间】：2014-04-01 01:28:52
【问题描述】：

我正在使用 holder.js 画布在浏览器上显示一些图像。

我正在使用下面的代码：

 <img data-src="holder.js/200x200/auto/300/#FF0000:#fff:14/text:Count:10" class="img-responsive" alt="Bro">

上面的代码保证了一个画布

Dimensions 200*200 
Background Color: #FF0000
Foreground Color: #fff
Text: "Count:10"

问题是我无法增加占位符中文本的大小。

如何增加文本的大小？有什么帮助吗？？

【问题讨论】：

【解决方案1】：

结帐https://github.com/imsky/holder

为了更改占位符中的文本大小，您需要创建一个自定义主题并使用它。

在包含holder.js 之后，添加一个script 标记以添加您想要的主题：

<script src="holder.js"></script>
<script> 
    Holder.add_theme("big", { background: #FF0000, foreground: #fff, size: 20 })
</script>

那么你可以使用：

data-src="holder.js/200x200/big/text:Count:10"

【讨论】：