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

Question

我请求选择 pdf 文档的一部分并在 ASP.NET 网站中保存/发送生成的图像。我最初的想法是加载 pdf 文档，然后利用可拖动/可调整大小的画布选择文档的一部分并将其保存。有谁知道如何做到这一点或知道这样做的另一种方法。

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

Answer 1

我建议查看 Mozilla 的pdf.js 项目。它为您将 PDF 呈现到画布上。这样你就可以用鼠标捕捉你想要的部分，并复制出图像数据：

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

为了在画布内获取鼠标位置，请查看 SO 问题：在画布中使用 javascript 获取鼠标位置和使用鼠标在 HTML5 画布上绘制