Fabric js 将 HTML 代码转换为 IText

趋化性

可以在fabric.js 中将此 HTML 代码转换为 IText:

<p>Hello <strong>John!</strong></p>

我已经阅读了文档,但我找不到任何东西......

我试过这个没有结果:

var text = canvas.add(new fabric.IText('<p>Hello <strong>John!</strong></p>', {}));
杜尔加

没有内置的解析器。您需要使用元素的文本内容并使用IText 的styles属性应用不同的样式

演示

var canvas = new fabric.Canvas('c');
var text = new fabric.IText('Hello John!', {
  fontSize: 20,
  styles: {
    0: {
      6: {
        fontWeight: 'bold'
      },
      7: {
        fontWeight: 'bold'
      },
      8: {
        fontWeight: 'bold'
      },
      9: {
        fontWeight: 'bold'
      },
      10: {
        fontWeight: 'bold'
      },
    }
  }
})
canvas.add(text);
canvas {
  border: 1px solid #999;
}
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<p>Hello <strong>John!</strong></p>
<canvas id="c" width="300" height="300"></canvas>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Phantom.js将HTML代码转换为PNG

来自分类Dev

使用Phantom.js将HTML代码转换为PNG

来自分类Dev

使用多种字体将 itext html 转换为 pdf

来自分类Dev

使用多种字体将 itext html 转换为 pdf

来自分类Dev

在Fabric JS IText和Textbox之间轻松转换?

来自分类Dev

将代码段转换为HTML页面

来自分类Dev

PHP将'转换为HTML代码

来自分类Dev

将代码段转换为HTML页面

来自分类Dev

将 HTML 表格转换为 JS 对象

来自分类Dev

如何激活Fabric js IText的光标?

来自分类Dev

通过iText和XMLWorker用波兰语字母将HTML转换为PDF

来自分类Dev

在itext 7中将html转换为pdf时如何继续特定div标签的横向?

来自分类Dev

将HTML代码转换为字符串.net

来自分类Dev

将HTML代码转换为laravel(或任何框架)

来自分类Dev

使用PHP和PHPWord将HTML代码转换为doc

来自分类Dev

将öéü等字符转换为PHP或javascript中的HTML代码

来自分类Dev

如何将HTML代码转换为JSON对象?

来自分类Dev

将HTML代码转换为laravel(或任何框架)

来自分类Dev

如何将HTML代码转换为Javascript?

来自分类Dev

在PHP的帮助下将HTML代码转换为JSON

来自分类Dev

将HTML表格代码转换为asp:table控件

来自分类Dev

使用PHP将html特殊字符转换为数字代码

来自分类Dev

如何将js代码转换为angular 2

来自分类Dev

在Android上使用iText将HTML转换为PDF。如何设置UTF-8(变音符号)?

来自分类Dev

iText7-将HTML转换为PDF时不呈现CSS3文本溢出属性

来自分类Dev

将HTML转换为Ghost Blog的Handlebars.js?

来自分类Dev

Java用css + js将html转换为pdf

来自分类Dev

使用pdf.js将html转换为pdf

来自分类Dev

如何将Vue JS HTML页面转换为PDF

Related 相关文章

热门标签

归档