HTMLText

HTML 富文本。

关键属性

text：string

富文本内容。

后续会增加 fontSize 等文本基础属性，可以先通过富文本内嵌入样式进行设置。

原理

通过 SVG 嵌入 HTML 代码进行渲染。

LeaferJS 内部对 SVG 渲染做了很多优化，不会有太大的性能影响。

继承元素

Image

示例

渲染富文本

import { Leafer } from 'leafer-ui'
import { HTMLText } from '@leafer-in/html'

const leafer = new Leafer({ view: window })

const text = new HTMLText({
    text: '<i style="color: red; font-weight: bold;">Welcome</i> to <i style="color: rgb(50,205,121); font-size: 30px">LeaferJS</i>',
})

leafer.add(text)