# SVG 图

::: details 目录
[[toc]]
:::
## item 实例

<PCodeGit repos="web/persagy-web" src="/persagy-web-graph/src/items/SGraphSvgItem.ts" />

<scene-items-svg />


::: details 查看代码使用
<<< @/docs/.vuepress/components/scene/items/svg.vue
:::

示例中展示了传入``` SGraphSvgItem ```的数据格式
```json5
{
    url: 'https://cdn-img.easyicon.net/image/2019/panda-search.svg',    // svg 图片的路径
    x: 100, // 该 item 的位置 x 坐标
    y: 100, // 该 item 的位置 y 坐标                                                                  
    width: 200, // 该 item 宽
    height: 200 // 该 item 高
}
```