分类

PDF矢量图形示例

生成矩形、圆形、多边形、贝塞尔曲线和渐变的综合PDF示例

使用 pdf-lib 生成一页矢量图形演示文档,适合测试图形渲染能力。

示例结果

2 个示例

默认矢量图形展示

A4竖版,带网格、6边形与40步渐变

vector-shapes-demo-example1.pdf 查看文件
查看输入参数
{ "pageSize": "A4", "landscape": false, "showGrid": true, "polygonSides": 6, "gradientSteps": 40, "backgroundColor": "#F7F9FC", "primaryColor": "#2F6FED", "secondaryColor": "#13A89E", "accentColor": "#F15B3A" }

横版矢量图形变体

Letter横版,无网格,使用更密集渐变

vector-shapes-demo-example2.pdf 查看文件
查看输入参数
{ "pageSize": "Letter", "landscape": true, "showGrid": false, "polygonSides": 9, "gradientSteps": 80, "backgroundColor": "#FFF7F2", "primaryColor": "#3A52D1", "secondaryColor": "#00A78F", "accentColor": "#FF5A36" }

关键信息

分类
Document Tools
输入类型
select, checkbox, number, color
输出类型
file
样本覆盖
4
支持 API
Yes

概览

PDF矢量图形示例工具是一款基于 pdf-lib 开发的专业演示工具,旨在帮助用户快速生成包含矩形、圆形、多边形、贝塞尔曲线及渐变效果的 PDF 文档,是测试 PDF 图形渲染能力与排版布局的理想选择。

适用场景

  • 需要验证 PDF 阅读器对复杂矢量图形(如贝塞尔曲线)的渲染兼容性时。
  • 在开发或调试 PDF 生成程序时,需要快速获取标准化的矢量图形参考文档。
  • 需要自定义页面尺寸、网格背景及色彩方案来测试文档视觉效果时。

工作原理

  • 在配置面板中选择页面尺寸(A4 或 Letter)并设置横向或纵向布局。
  • 根据需求调整多边形边数、渐变步数以及背景与图形的主题配色。
  • 勾选显示网格选项以辅助定位,点击生成按钮即可实时创建并下载 PDF 文件。

使用场景

前端开发人员测试 PDF 渲染引擎的图形解析能力。
设计师验证不同配色方案在 PDF 文档中的视觉呈现效果。
教学演示中展示矢量图形绘制原理与数学曲线构成。

用户案例

1. 默认矢量图形展示

前端工程师
背景原因
正在调试一个 PDF 预览组件,需要一份包含标准图形的测试文档。
解决问题
需要快速生成一份带有网格参考、包含 6 边形和 40 步渐变的 A4 竖版 PDF。
如何使用
保持默认配置,直接点击生成即可获得标准测试文档。
示例配置
pageSize: A4, landscape: false, showGrid: true, polygonSides: 6, gradientSteps: 40
效果
生成了一份包含网格背景、标准 6 边形及平滑渐变的 A4 PDF 文件,成功验证了渲染组件的兼容性。

2. 横版矢量图形变体

UI 设计师
背景原因
需要测试一套新的品牌配色方案在 PDF 文档中的表现。
解决问题
需要一份横版 PDF,要求去除网格,并使用更密集的渐变效果来测试色彩过渡。
如何使用
选择 Letter 尺寸,开启横向模式,关闭网格,并将渐变步数设为 80,自定义主色与辅助色。
示例配置
pageSize: Letter, landscape: true, showGrid: false, polygonSides: 9, gradientSteps: 80
效果
生成了一份无网格的横版 PDF,通过 80 步渐变清晰展示了品牌色的过渡效果。

用 Samples 测试

pdf

相关专题

常见问题

该工具支持哪些图形类型?

目前支持矩形、圆形、多边形、贝塞尔曲线以及平滑渐变效果。

可以自定义渐变的细腻程度吗?

可以,通过调整“渐变步数”参数,您可以设置 8 到 120 步之间的渐变效果。

生成的 PDF 文件是矢量格式吗?

是的,所有图形均通过 pdf-lib 矢量指令绘制,确保在任何缩放比例下均保持清晰。

如何调整多边形的形状?

您可以在“多边形边数”选项中输入 3 到 12 之间的数值,以生成从三角形到十二边形的不同形状。

该工具是否支持批量生成?

该工具目前专注于单页矢量图形的快速生成与预览,暂不支持批量处理。

API 文档

请求端点

POST /zh/api/tools/pdf-vector-shapes-demo

请求参数

参数名 类型 必填 描述
pageSize select -
landscape checkbox -
showGrid checkbox -
polygonSides number -
gradientSteps number -
backgroundColor color -
primaryColor color -
secondaryColor color -
accentColor color -

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中:

{
  "mcpServers": {
    "elysiatools-pdf-vector-shapes-demo": {
      "name": "pdf-vector-shapes-demo",
      "description": "生成矩形、圆形、多边形、贝塞尔曲线和渐变的综合PDF示例",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-vector-shapes-demo",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具,比如:`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`,最多20个。

如果遇见问题,请联系我们:[email protected]