增加Holder.js中的文字大小

Question

我正在使用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"

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

如何增加文字的大小？任何帮助??

Answer 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"