Docs
Svg 图标应用程序接口
Svg 图标应用程序接口
生成 svg 图标的简单方法
使用方法
https://qf.eud.kg/api/v1/icon查询参数
type（可选）： 图标的类型。默认为text。- w
（可选）： 图标的宽度。默认为128`。 - h
（可选）： 图标的高度。默认为64`。 value： 图标的值。animate（可选）： 是否将图标动画化。默认为false。- fillType`（可选）： 图标的填充类型。默认为 "线性"。
primaryColor（可选）： 图标的主色调。默认为#FC466B。- secondaryColor
（可选）： 图标的辅助颜色。默认为#3F5EFB`。 - angle
（可选）： 图标的角度。默认为45`。 radialGlare（可选）： 是否对图标应用径向眩光。默认为false。radius（可选）： 图标的半径。默认为12。strokeSize（可选）： 图标的描边大小。默认为0。- strokeColor
（可选）： 图标的描边颜色。默认为#FFFFFF`。 - strokeOpacity
（可选）： 图标描边的不透明度。默认为100`。 - color
（可选）： 图标的颜色。默认为#FFFFFF`。 - size
（可选）：图标的大小： 图标的大小。默认为15`。 - family
（可选）： 图标的字体家族。默认为sans-serif`。
示例
在标记符中使用：
Use in your HTML:
<img
src="https://qf.edu.kg/api/v1/icon?type=text&w=400&h=35&value=🥰你做出一个很酷的东西出来，想给他起什么名都可以&animate=true&fillType=Linear&primaryColor=%23FC466B&secondaryColor=%233F5EFB&angle=45&radialGlare=false&radius=8&strokeSize=0&strokeColor=%23FFFFFF&strokeOpacity=100&color=%23FFFFFF&size=15&family=cursive"
alt="Your SVG Icon"
/>