html - 增加 Holder.js 中的文本大小

标签 html svg twitter-bootstrap-3 placeholder holder.js

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

我正在使用下面的代码:

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

上面的代码确保 Canvas 为

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

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

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

最佳答案

结账 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"

关于html - 增加 Holder.js 中的文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22088495/

相关文章:

svg - 将 es6 中的 svg-pan-zoom 与 webpack 结合使用

html - 网格中的 Bootstrap 内容包装

jquery - 窗口未正确调整大小

html - 从组底部使用 CSS 旋转 SVG

html - 如何不覆盖 HTML 中多个 SVG 的样式

javascript - 将多个类分配给单独的 svg 元素

html - 如何将 url 或 .html 页面链接链接到 CSS 按钮

javascript - 单击背景 div 时关闭 div

javascript - 如何在内容上构建拉出式抽屉

CSS 规则不影响 HTML