javascript - 使用 Canvas 选择 pdf 文档的一部分

Question

我请求选择 pdf 文档的一部分并保存/通过电子邮件发送在 ASP.NET 网站中生成的图像。我最初的想法是加载 pdf 文档，然后使用可拖动/可调整大小的 Canvas 来选择文档的一部分并将其保存。有谁知道如何完成此操作或知道执行此操作的替代方法。

我设想了一个可拖动/可调整大小的框，他们可以在多页文档中移动并选择并保存其中的一部分。

Answer 1

我建议查看 Mozilla 的 pdf.js project .它为您将 PDF 渲染到 Canvas 上。所以你可以用鼠标捕捉你想要的部分，并复制出图像数据:

var context = canvas.getContext("2d");
var image = context.getImageData(x, y, width, height);

为了获得 Canvas 内的鼠标位置，请查看这些 SO 问题:getting mouse position with javascript within canvas和 Draw on HTML5 Canvas using a mouse