标签: pdfobject

在Javascript中旋转对象标记(PDF)

我正在尝试通过AcroPdf.dll旋转包含Acrobat Plugin查看的PDF的对象标记.

我已经看过这个解决方案,但是不要在> = IE9上旋转PDF本身(适用于chrome)

我正在使用jQuery 1.11.3和PDFObject 1.2,我无法更改jQuery的版本.

效果是这样的: 点击后

我要这个: 在chrome中,pdf也会旋转

任何帮助将不胜感激.问候

我的简单代码是这样的:

<!DOCTYPE html>
<html>
<head>
<style>
.rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
</style>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://miorepository.altervista.org/pdfobject.js"></script>
</head>

<body>
<button onclick="rotatePdf();">Rotate 90 degree</button>
<div id="boxPdf"></div>

<script type='text/javascript'>
            $(function(){

                var pdfPath = './doc1.pdf';

                var customParameter = {
                    page : '1',
                    view : 'FitH,0',
                    pagemode : 'none',
                    scrollbars : …
Run Code Online (Sandbox Code Playgroud)

html javascript pdf pdfobject

6
推荐指数
1
解决办法
1130
查看次数

如何在浏览器内置 PDF 查看器中为 base64 pdf 自定义文件名

我正在从 base64 字符串嵌入 PDF,如下所示:

var pdfData = 'data:application/pdf;filename=MY_CUSTOM_FILENAME.pdf;base64,' +
  'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwog' +
  'IC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAv' +
  'TWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0K' +
  'Pj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAg' +
  'L1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+' +
  'PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9u' +
  'dAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2Jq' +
  'Cgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJU' +
  'CjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVu' +
  'ZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4g' +
  'CjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAw' +
  'MDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9v' +
  'dCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G';

function loadPdf() {
  var pdf= document.querySelector('.pdf')

  var pobj = document.createElement('object')
  pobj.className= "pdf_object"
  pobj.setAttribute('data', pdfData)
  pobj.setAttribute('type', 'application/pdf')

  pdf.appendChild(pobj)
} 
Run Code Online (Sandbox Code Playgroud)
.pdf_object {
  width: 100%;
  height: 700px;  
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <button onclick="loadPdf();">
    CLICK TO LOAD BELOW THE PDF
  </button>
</div>
<div class="pdf"></div>
Run Code Online (Sandbox Code Playgroud)

这适用于 Firefox 和 Chrome。

我的问题是我无法自定义 pdf 下载操作的文件名。请注意,我使用了filename …

javascript pdf base64 pdf.js pdfobject

5
推荐指数
0
解决办法
1021
查看次数

使用PDFObject嵌入Blob

我正在使用:https : //pdfobject.com/

pdf在我的Web应用程序上显示嵌入式文件。但是我不能渲染从pdf创建的blob

这是我尝试过的:

var arrayBufferView = new Uint8Array(response.Body.data);
var file = new Blob([arrayBufferView], {
    type: response.ContentType
});
var url = window.URL.createObjectURL(file)
PDFObject.embed(url, "#my-container");
Run Code Online (Sandbox Code Playgroud)

在html上获得此结果:

<div id="my-container" class="ng-scope pdfobject-container">

    <embed class="pdfobject" src="blob:http%3A//localhost%3A4000/869a8d9a-7eaa-48dd-99aa-49bf299114aa" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;" internalinstanceid="88">

</div>
Run Code Online (Sandbox Code Playgroud)

但是,嵌入容器在我的浏览器中什么也不显示。我正在使用Chrome 51.0.2704.103 m

html javascript pdf pdfobject

2
推荐指数
1
解决办法
1万
查看次数

如何在fancybox中嵌入pdf.js.

Fancybox非常棒,但默认的pdf实现效果不佳,因为支持,外观和感觉取决于操作系统,浏览器和adobe的安装.PDF.js通过使用基于Web标准的平台解析和呈现PDF来解决这个问题.如何在fancybox中嵌入pdf.js查看器?

javascript embed pdf fancybox pdfobject

0
推荐指数
1
解决办法
2730
查看次数

标签 统计

javascript ×4

pdf ×4

pdfobject ×4

html ×2

base64 ×1

embed ×1

fancybox ×1

pdf.js ×1