html - 在 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"