分类

← View All Tools

图像复合矩阵

通过组合多个基本变换（缩放、旋转、剪切）应用复合变换，查看变换矩阵如何相乘并创建复杂效果

图片文件 *

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

上传任何图片文件（JPEG、PNG、WebP、GIF、BMP、TIFF）进行复合矩阵变换

X轴缩放 *

0.1 1.0 3

水平缩放因子（0.1到3.0，1.0 = 原始尺寸）

Y轴缩放 *

0.1 1.0 3

垂直缩放因子（0.1到3.0，1.0 = 原始尺寸）

旋转角度 *

-180 0 180

旋转角度（-180到180度，0 = 不旋转）

X轴剪切 *

-1.5 0 1.5

水平剪切因子（-1.5到1.5，0 = 不剪切）

Y轴剪切 *

-1.5 0 1.5

垂直剪切因子（-1.5到1.5，0 = 不剪切）

变换顺序 *

变换应用的顺序（从右到左相乘）

背景颜色

透明区域的背景颜色（十六进制 #RRGGBB 或 #RRGGBBAA，或颜色名称）

输出格式

选择输出格式或保持原格式。PNG推荐用于透明度

质量 (1-100)

有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

关键信息

分类: Media
输入类型: file, range, select, text, number
输出类型: file
样本覆盖: 4
支持 API: Yes

概览

图像复合矩阵工具允许您通过组合缩放、旋转和剪切等多种基本变换，对图像应用复杂的线性变换效果，并直观展示变换矩阵相乘的数学过程。

适用场景

•需要对图像进行精确的几何变换组合时
•在图形学教学中演示矩阵相乘对图像的影响时
•需要批量处理具有特定几何形变要求的图像素材时

工作原理

•上传您的图片文件（支持 PNG、JPEG、WebP 等格式）。
•设置 X/Y 轴缩放比例、旋转角度以及剪切因子。
•选择变换应用的顺序，系统将根据矩阵乘法规则计算最终结果。
•配置背景色及输出格式，点击处理并下载变换后的图像。

使用场景

图形学课程演示：通过调整参数实时观察矩阵变换对图像几何结构的影响。

创意视觉设计：利用剪切和旋转组合，快速生成独特的倾斜或透视视觉效果。

自动化图像预处理：为特定排版需求批量调整图像的缩放比例与倾斜角度。

用户案例

1. 创建倾斜透视效果

平面设计师

背景原因: 需要将一张矩形海报处理成具有透视感的倾斜效果，以便放入样机展示。
解决问题: 手动调整倾斜度难以保持精确的几何比例。
如何使用: 上传海报图片，设置 X 轴剪切为 0.5，旋转角度为 15 度，选择“剪切→旋转→缩放”顺序。
示例配置: scaleX: 1.0, scaleY: 1.0, angle: 15, shearX: 0.5, shearY: 0, transformOrder: 'shear-rotate-scale'
效果: 图像被精确地剪切并旋转，生成了符合透视预期的倾斜海报图。

2. 矩阵变换教学演示

计算机图形学讲师

背景原因: 在课堂上向学生展示不同变换顺序对最终图像结果的差异。
解决问题: 需要直观的工具来验证矩阵乘法顺序对图像变换的影响。
如何使用: 上传一个简单的网格图片，分别对比“缩放→旋转”和“旋转→缩放”两种配置下的输出结果。
示例配置: scaleX: 2.0, scaleY: 0.5, angle: 45, transformOrder: 'scale-rotate-shear'
效果: 通过对比两组输出，学生直观地理解了矩阵乘法顺序对最终几何变换的决定性作用。

用 Samples 测试

image, png, jpg

Web Python 图像处理示例

Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换

title token image

image

Web Rust 图像处理示例

Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换

title token image

image

macOS Objective-C 图像处理示例

macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换

title token image

image

Web TypeScript 图像处理示例

Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换

title token image

image

常见问题

什么是变换顺序？

由于矩阵乘法不满足交换律，先旋转后缩放与先缩放后旋转的结果不同，该选项决定了变换矩阵相乘的先后顺序。

支持哪些图片格式？

支持上传 JPEG、PNG、WebP、GIF、BMP 和 TIFF 格式的图片。

如何保持图像的透明背景？

请在输出格式中选择 PNG，并将背景颜色设置为 transparent。

剪切因子是什么意思？

剪切因子用于改变图像的倾斜程度，正值或负值会使图像在水平或垂直方向产生平行四边形变形。

处理后的图片质量会下降吗？

对于 JPEG 和 WebP 等有损格式，您可以通过质量参数（1-100）来平衡文件大小与清晰度。

API 文档

请求端点

POST /zh/api/tools/image-composite-matrix

请求参数

参数名	类型	必填	描述
imageFile	file (需要先上传)	是	上传任何图片文件（JPEG、PNG、WebP、GIF、BMP、TIFF）进行复合矩阵变换
scaleX	range	是	水平缩放因子（0.1到3.0，1.0 = 原始尺寸）
scaleY	range	是	垂直缩放因子（0.1到3.0，1.0 = 原始尺寸）
angle	range	是	旋转角度（-180到180度，0 = 不旋转）
shearX	range	是	水平剪切因子（-1.5到1.5，0 = 不剪切）
shearY	range	是	垂直剪切因子（-1.5到1.5，0 = 不剪切）
transformOrder	select	是	变换应用的顺序（从右到左相乘）
background	text	否	透明区域的背景颜色（十六进制 #RRGGBB 或 #RRGGBBAA，或颜色名称）
format	select	否	选择输出格式或保持原格式。PNG推荐用于透明度
quality	number	否	有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

文件类型参数需要先通过 POST /upload/image-composite-matrix 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "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-image-composite-matrix": {
      "name": "image-composite-matrix",
      "description": "通过组合多个基本变换（缩放、旋转、剪切）应用复合变换，查看变换矩阵如何相乘并创建复杂效果",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-composite-matrix",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

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

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]

分类

图像复合矩阵

关键信息

概览

适用场景

工作原理

使用场景

用户案例

1. 创建倾斜透视效果

2. 矩阵变换教学演示

用 Samples 测试

相关专题

相关工具

常见问题

API 文档

请求端点

请求参数

响应格式

AI MCP 文档