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)