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

标签 javascript asp.net html5-canvas

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

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

最佳答案

我建议查看 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 canvasDraw on HTML5 Canvas using a mouse

关于javascript - 使用 Canvas 选择 pdf 文档的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17703906/

相关文章:

javascript - 图片内的文字可点击

asp.net - 与直接 jquery ajax 调用相比,scriptmanager 有哪些优势?

javascript - 一切就绪,但我的移动彩虹 Canvas 无法正常工作

javascript - 将 span 元素向右移动到 div 标签

javascript - 刷新页面不会应用 Angular 中的更改

javascript - 如何使用 jQuery 获取非特定 DIV 元素的内容

javascript - 为什么圆在 Canvas 上沿 x 和 y 方向移动?

css - 如何使 Bootstrap 多选插件中的插入符显示在最右侧且垂直居中

c# - 必需的数字参数在不包含在 JSON 中时默认为 0

javascript - HTML Canvas 在调整大小时以适合带有 'offsetWidth' 的父 Div 时无法正确显示