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

Javascript 如何旋转文件pdf和所有图像类型,javascript,jquery,html,Javascript,Jquery,Html,我有一个html页面,显示PDF和各种图像。 我正在寻找一种方法来旋转使用jQuery显示的文件 我试过: 添加css类-不工作 代码示例: .rotate90 { webkit-transform: rotate(90deg); moz-transform: rotate(90deg); o-transform: rotate(90deg); ms-transform: rotate(90deg); transform: rotate(90deg);

我有一个html页面,显示PDF和各种图像。 我正在寻找一种方法来旋转使用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='尝试在对象容器上添加类

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

为什么不直接使用Mozilla的PDF.js呢。

它可以旋转文档,甚至像那样保存文档,如果您需要的话

如果你对css解决方案一成不变,它应该与transform一起工作,所以打开你最喜欢的浏览器调试器(F12-Chrome和Firefox),看看它是否正在提取你的css文档和元素规则。从那里开始

注意:上次我使用pdf.js时,它也支持jpg和png等图像文件,所以没有问题

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