Skip to content

Readme Typing SVG

动态生成、可定制的 SVG,可模拟文本输入和删除效果,适用于个人主页、仓库或网站。

ref-reporef-online-toolref-official-doc

参数

点击显示/关闭参数

名称类型必填默认值参数描述更多描述
ref-querys
linesstringtrue要显示的多行文本多行之间用 ; 分隔,文本中空格使用 + 代替。
heightnumber50输出 SVG 的高度
widthnumber400输出 SVG 的宽度
sizenumber20字体大小单位:像素。
fontstringmonospace字体族任何 Google Fonts 中的字体。
colorstring36BCF7文本颜色格式:HEX 例如:FF0000
backgroundstring00000000文本背景颜色格式:HEX 例如:FF0000
centerbooleanfalse文本水平对齐方式可选值:true(水平居中)false(左对齐)。
vCenterbooleanfalse文本垂直对齐方式可选值:true(垂直居中)false(居中上方)。
multilinebooleanfalse文本换行显示方式可选值:true(换行显示)false(同一行重新显示)。
durationnumber5000单行打印持续时间
pausenumber0行与行之间的暂停时间单位:毫秒。
repeatbooleantrue在最后一行之后循环回到第一行
separatorstring;行参数中使用的分隔符
letterSpacingstringnormal字母间距格式:CSS 颜色
txt
https://readme-typing-svg.demolab.com{?lines,height,width,size,font,color,background,center,vCenter,multiline,duration,pause,repeat,separator,letterSpacing}

示例

markdown
![Readme Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&pause=1000&width=435&lines=Hello+World;Badge+Collection)
Readme Typing SVG

Badge Collection (v3.0.5) MIT Licensed