Readme Typing SVG
动态生成、可定制的 SVG,可模拟文本输入和删除效果,适用于个人主页、仓库或网站。
参数
点击显示/关闭参数
名称 | 类型 | 必填 | 默认值 | 参数描述 | 更多描述 |
---|---|---|---|---|---|
lines | string | true | 要显示的多行文本 | 多行之间用 ; 分隔,文本中空格使用 + 代替。 | |
height | number | 50 | 输出 SVG 的高度 | ||
width | number | 400 | 输出 SVG 的宽度 | ||
size | number | 20 | 字体大小 | 单位:像素。 | |
font | string | monospace | 字体族 | 任何 Google Fonts 中的字体。 | |
color | string | 36BCF7 | 文本颜色 | 格式:HEX 例如:FF0000 。 | |
background | string | 00000000 | 文本背景颜色 | 格式:HEX 例如:FF0000 。 | |
center | boolean | false | 文本水平对齐方式 | 可选值:true(水平居中)false(左对齐)。 | |
vCenter | boolean | false | 文本垂直对齐方式 | 可选值:true(垂直居中)false(居中上方)。 | |
multiline | boolean | false | 文本换行显示方式 | 可选值:true(换行显示)false(同一行重新显示)。 | |
duration | number | 5000 | 单行打印持续时间 | ||
pause | number | 0 | 行与行之间的暂停时间 | 单位:毫秒。 | |
repeat | boolean | true | 在最后一行之后循环回到第一行 | ||
separator | string | ; | 行参数中使用的分隔符 | ||
letterSpacing | string | normal | 字母间距 | 格式:CSS 颜色 。 |
txt
https://readme-typing-svg.demolab.com{?lines,height,width,size,font,color,background,center,vCenter,multiline,duration,pause,repeat,separator,letterSpacing}
示例
markdown
