Question

我有一个显示PDF和各种图像的html页面。我正在寻找一种方法来旋转我用jQuery显示的文件。

我试过了：

添加css类 - 无法正常工作。

代码示例：

.rotate90 {
    webkit-transform: rotate(90deg);
    moz-transform: rotate(90deg);
    o-transform: rotate(90deg);
    ms-transform: rotate(90deg);
    transform: rotate(90deg); }


$("buttonId").click(function(){
    $( "objectPdfId" ).addClass( "rotate90" );
});

我很确定这不是正确的方式

JavaScript中的功能 - 无法正常工作。

代码：

    var html = '<object id="objectPdfId" data="' + pathFile + '" type="application/pdf" on click="+rotateMe(this)+"'><embed id="embedPdfId" src="' + pathFile + '" type="application/pdf"></embed></object>';
    $("body").append($(html));

var rotate_factor = 0;

function rotateMe(e) {
    rotate_factor += 1;
    var rotate_angle = (180 * rotate_factor) % 360;
    $(e).rotate({angle:rotate_angle});
}

谢谢，

塔尔

Answer 1

为什么不使用Mozilla的PDF.js。 https://mozilla.github.io/pdf.js/

它可以旋转文档，甚至可以保存它，如果这就是你想要的。

如果您已经设置了css解决方案，它应该适用于转换，因此请打开您最喜欢的浏览器调试器（F12 - Chrome和Firefox），看看它是否正在提取您的css文档和元素规则。从那里拿走

注意：我上次使用pdf.js它支持jpg和png等图像文件，所以没问题

Answer 2

尝试在对象容器上添加类

<div class=" rotate90">
<object  >
 </object>
 </div>

如何旋转文件pdf和所有图像种类

2 个答案: