Dưới đây là các yêu cầu, người dùng cần có thể xem các tệp PDF đã tải lên trong trình duyệt. Họ cần có khả năng thêm ghi chú vào tệp PDF và lưu tệp PDF được cập nhật vào máy chủ mà không phải lưu tệp đó vào máy của họ và mở nó ra ngoài trình duyệt. Cách chỉnh sửa pdf trong trình duyệt và lưu nó vào máy chủ
Bất kỳ ý tưởng nào về cách đạt được điều này đều được hoan nghênh.
bằng cách tôi đang làm việc với trang web asp.net (trong C#).
Tôi không kiểm soát được định dạng pdf. Nó được tải lên phía máy khách, sau đó người dùng khác cần xem và ghi chú ở đầu pdf.
Giải pháp mà tôi đang suy nghĩ là kết xuất PDF thành jpeg và sử dụng javascript để vẽ tọa độ của vị trí cần lưu ý.
đây là một ví dụ nhanh của html và javascript tạo json chú ý
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<style type="text/css">
*
{
margin:0;
padding:0;
}
#PDF
{
position:absolute;
top:0;
bottom:0;
width:600px;
height:800px;
background:url(assets/images/gray.png) repeat;
float:left;
}
#results
{
float:right;
}
.comment
{
position:absolute;
border:none;
background-color:Transparent;
height:300px;
width:100px;
overflow:auto;
float:left;
top:0;
right:0;
font-family: Arial;
font-size:12px;
}
div.comment
{
padding-top:-20px;
}
.comment a.button
{
display:block;
padding-top:-20px;
}
</style>
</head>
<body>
<div>
<div id="PDF"></div>
<div id="results">
</div>
</div>
</body>
</html>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
var points = [];
$("#PDF").click(function(e) {
if ($("textarea.comment").length == 0) {
var that = this;
var txt = $("<textarea class='comment'></textarea>").css({ top: e.pageY, left: e.pageX }).blur(function() { $(this).remove(); }).keypress(function(e2) {
if (e2.keyCode == 13 && !e.shiftKey) {
var that2 = this;
$("#PDF").append($("<div class='comment'>").html(that2.value.replace(/\r/gi, "<br>")).css({ top: e.pageY, left: e.pageX }));
$(this).remove();
points.push({ "x": e.pageX, "y": e.pageY, "text": that2.value })
$("#results").append('{ "x": ' + e.pageX + ', "y": ' + e.pageY + ', "text": "' + that2.value + '" }<br/>');
}
});
$(this).append(txt);
txt.each(function() { this.focus(); })
}
});
</script>
Vì vậy, bây giờ tôi cần phải tìm ra cách (sử dụng jQuery.):
- Hiển thị pdf thành jpeg.
- Tạo lại PDF đặt chú thích lên trên nó.
bạn có thể lấy mã mới nhất cho gói GhostscriptSharp Ghostscript tại http://github.com/mephraim/ghostscriptsharp –