中文

`svg` 图标

显示后缀名为.svg的图标文件

示例

基础使用

在使用前请确保图标地址存在，使用dep内置函数指向图标地址，这个函数可以使用绝对地址，在以下例子中crate://self/表示项目根目录。

1<svg src="dep('crate://self/resources/genui.svg')"></svg>

属性

名称	说明	类型
`theme`	主题	`Themes`
`brightness`	亮度	`F32`
`curve`	曲线	`F32`
`linearize`	线性化	`F32`
`src`	SVG 资源路径	`LiveDependency`
`scale`	缩放比例	`F64`
`color`	颜色	`MakepadColor`
`draw_depth`	绘制深度	`F32`
`stroke_hover_color`	悬停时描边颜色	`MakepadColor`
`stroke_focus_color`	聚焦时描边颜色	`MakepadColor`
`cursor`	鼠标指针样式	`MouseCursor`
`grab_key_focus`	捕获键盘焦点	`bool`
`visible`	是否可见	`bool`
`animation_key`	动画键	`bool`
`abs_pos`	绝对位置	`DVec2`
`margin`	外边距	`Margin`
`width`	宽度	`Size`
`height`	高度	`Size`
`scroll`	滚动偏移	`DVec2`
`clip_x`	是否裁剪 X 轴	`bool`
`clip_y`	是否裁剪 Y 轴	`bool`
`padding`	内边距	`Padding`
`align`	对齐方式	`Align`
`flow`	流动方式	`Flow`
`spacing`	间距	`F64`
`event_key`	事件键	`bool`

事件回调

名称	说明	参数
`clicked`	点击事件	`GSvgClickedParam`
`hover_in`	鼠标悬停事件	`GSvgHoverParam`
`hover_out`	鼠标移出事件	`GSvgHoverParam`
`focus`	聚焦事件	`GSvgFocusParam`
`focus_lost`	失焦事件	`GSvgFocusLostParam`

目录