У меня есть задача воссоздать часть подписи Adobe Acrobat в формате PDF, где пользователь может создать свою подпись и перетаскивать ее в PDF.Я успешно создал панель подписи, и после создания подписи пользователь может перетаскивать подпись и перетаскивать на нужную позицию в PDF, который появляется в модале начальной загрузки.Но подпись не отвечает на полосу прокрутки pdf, а на прокрутку браузера. Когда я нажимаю осмотреть, чтобы увидеть положение подписи, ее отображение style="position: relative; left: 56px; top: 204px;" в проверке браузера не в проверке PDF.Как я могу вставить свою позицию в PDF?
<body>
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<div style="text-align: center;" class="test">
<div id = "draggable-1" class = "ui-widget-content">
<p>Drag me to my target</p>
</div>
<div class="pdfff drop-zone">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">I Agree</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.addPage();
doc.text(20, 20, 'Do you like that?');
doc.text(10, 125, 'CheckBox:');
var checkBox = new CheckBox();
checkBox.T = "CheckBox1";
checkBox.Rect = [50, 120, 30, 10];
doc.addField(checkBox);
// Output as Data URI
res = doc.output('datauri')
$(".pdfff").append("<embed src='"+ res +"' frameborder='0' width='100%' height='650px;' id='doc'>")
})
$(function() {
$( "#draggable-1" ).draggable({
appendTo: 'body',
scroll: true,
});
$( ".pdfff" ).droppable();
});
</script>
</body>
