Skip to content

HTMLText

HTML 富文本。

关键属性

text:string

富文本内容。

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

原理

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

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

API

HTMLText

示例

渲染富文本

ts
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)

Released under the MIT License.