# Svelte 头像库：在 Svelte 中使用 DiceBear DiceBear 同时适用于 Svelte 4 和 Svelte 5。使用 `$derived`（Svelte 5）或 响应式语句（Svelte 4）可以让 SVG 个人资料图片与属性 变化保持同步，既可以通过 JS 库进行客户端生成，也可以通过 HTTP API 采用零依赖方式实现。 你可以通过 [JS 库](https://dicebear.zhcndoc.com/how-to-use/js-library/) 或 [HTTP API](https://dicebear.zhcndoc.com/how-to-use/http-api/) 在 Svelte 中使用 DiceBear。 ## 使用 JS 库 ```svelte [Svelte 5] ``` ```svelte [Svelte 4] ``` ## 使用 HTTP API ```svelte [Svelte 5] ``` ```svelte [Svelte 4] ```