Formline
返回文档
通用教程

如何下载并使用 SVG 设备模型

下载模型后,调整视角和主题。导出的 SVG 或 PNG 可直接放进设计稿或网页。

选好设备模型后,调整视角和主题。导出的图片可用于设计稿。

独立 HTML 查看器保留模型控件。需要静态图片时,可导出 SVG 或 PNG。

获取模型文件

  1. 在模型页面下载免费或已购模型。付费模型需先购买单款或完整包。
  2. 用购买邮箱登录「我的」,即可查看已购文件。在其他设备登录时,需要验证邮箱。
  3. 下载模型 ZIP;有提供时,也可下载独立 HTML 查看器。

打开独立查看器

解压 ZIP,在现代浏览器中打开 viewer.html。查看器可在本地运行,无需服务器或网络连接。

使用控件调整模型的视角、主题或动效。

导出静态图片

  1. 选择需要的视角、位置和浅色或深色主题。
  2. 通过导出按钮选择 SVG 矢量图或 PNG 图片。
  3. 将导出图片放入设计稿或网页;SVG 和 PNG 都是静态图。

用于设计稿或网页

将 SVG 导入支持该格式的设计工具,或在接受图片文件的位置使用 PNG。网页中可将导出文件作为图片引用。要让观看者操作模型控件,请保留独立 HTML。

常见问题

下载的 HTML 可以离线打开吗?

可以。用现代浏览器打开下载的 HTML 即可,无需联网。

导出的 SVG 还可以交互吗?

不可以。SVG 和 PNG 导出都是静态图片。要使用模型支持的控件,请打开独立 HTML 查看器。

选择适合你的模型包

一次付费,无订阅。

免费

$0

适合初次体验,尝试新的设计想法。

获取免费模型
  • 3 款免费模型
  • 纯矢量,任意缩放依然清晰。
  • 高性能 SVG 渲染。
  • 3D 立体风格,无需复杂引擎。
  • 预设视角切换,自带精致动效。
  • 浅深主题,配色自由定义。
  • SVG、PNG 与完整文件包。
  • 单 HTML 文件,无需额外依赖。
  • 商业项目全面授权。
  • 完全本地使用,离线也可用。

单款

$6

适合有明确产品、页面或演示需求的你。

浏览模型库
  • 任选 1 款付费模型
  • 纯矢量,任意缩放依然清晰。
  • 高性能 SVG 渲染。
  • 3D 立体风格,无需复杂引擎。
  • 预设视角切换,自带精致动效。
  • 浅深主题,配色自由定义。
  • SVG、PNG 与完整文件包。
  • 单 HTML 文件,无需额外依赖。
  • 商业项目全面授权。
  • 完全本地使用,离线也可用。

完整包

最划算
$29

全部现有与未来新增模型,一次购买,永久更新。

  • 全部 13 款模型及未来所有新增
  • 纯矢量,任意缩放依然清晰。
  • 高性能 SVG 渲染。
  • 3D 立体风格,无需复杂引擎。
  • 预设视角切换,自带精致动效。
  • 浅深主题,配色自由定义。
  • SVG、PNG 与完整文件包。
  • 单 HTML 文件,无需额外依赖。
  • 商业项目全面授权。
  • 完全本地使用,离线也可用。