裁剪 EPS | JavaScript API 解决方案

概述

本文讲解如何使用 JavaScript 裁剪 EPS 文件。内容涵盖以下主题:

JavaScript 裁剪 EPS 文件说明

裁剪图像涉及调整一个或多个边距(左、右、上或下),从而有效地从边缘剪切内容。

使用我们的解决方案裁剪 EPS 图像时,生成的图像始终小于原始图像。但是,文件大小本身不会改变,因为我们的工具修改的是 EPS 文件的标头,而不是其内容。

EPS 图像的边距由其 BoundingBox 元数据定义。要裁剪或设置新的边界框,首先需要知道 EPS 图像的现有边界框。如果不知道边界框的值,或者在现有边界框之外设置新的边界框值,将导致错误。

因此,使用 JavaScript 裁剪 EPS 图像的步骤如下:

  1. 创建文件读取器 ‘const file_reader = new FileReader();‘并读取文件“file_reader.readAsArrayBuffer(e.target.files[0]);”。
  2. 在加载事件处理程序中调用 AsposeCropEPS,并将文件内容及其名称以及新框的左、上、右、下边界传递给它。
  3. 结果 JSON 包含 fileNameResult 中的文件名。
  4. 您可以使用 DownloadFile 函数下载文件:“DownloadFile(JSON.fileNameResult, “image/pdf”);”。

您可以通过免费的在线裁剪 EPS检查 Aspose.Page EPS 裁剪的质量并查看结果,然后使用我们的 EPS 查看器 Web 应用程序查看生成的 EPS 文件。


使用 JavaScript 裁剪 EPS

在以下 JavaScript 代码片段中,我们获取图像的现有边界框并裁剪 EPS

 1  var fCropEPS = function (e) {
 2    const file_reader = new FileReader();
 3    file_reader.onload = (event) => {
 4      const JSON = AsposeCropEPS(event.target.result, e.target.files[0].name,  e.target.files[0].name + "_crop.eps", 30, 5, 240, 36);
 5      if (JSON.errorCode == 0) {
 6          DownloadFile(JSON.fileNameResult, "image/eps");
 7      }
 8      else 
 9        document.getElementById('output').textContent = JSON.errorText;
10    }
11    file_reader.readAsArrayBuffer(e.target.files[0]);
12  }

请参阅 Java.NET 中的 EPS 裁剪。

初始 EPS 图像
初始图像
裁剪后的 EPS 图像
裁剪后的图像

在我们的EPS 裁剪网页应用程序上在线评估 EPS 裁剪效果。您可以在几秒钟内裁剪 EPS 文件并下载结果。

您可以从 GitHub 下载示例和数据文件。