Rotate pdf object using javascript

Question

I have a pdf embedded inside an html.

<object id="img" height="540" width="100%" type='application/pdf' data="http://file.pdf" />

I need to rotate it using javascript (or jquery) something like $("img").rotate(90);

How can I do this?

Did you try [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)? — jfriend00, Apr 19 '14 at 17:57

score 1 · Answer 1 · answered Apr 19 '14 at 18:01

1

You can use css transform property http://www.w3schools.com/css/css3_2dtransforms.asp

#img {
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg); 
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

answered Apr 19 '14 at 18:01

Nikolay Talanov

706
4
15

1

not a good soultion, since it will also turn the menu.i am looking for pdf api that will turn the page. – Nati Krisi Apr 21 '14 at 17:11

dbucki · Accepted Answer · 2014-04-20T12:22:54.003

1

try

$("#img").css({'transform':'rotate(90deg)',
    '-o-transform': 'rotate(90deg)',
    '-ms-transform': 'rotate(90deg)',
    '-webkit-transform': 'rotate(90deg)'
});

edited Apr 20 '14 at 12:22

answered Apr 19 '14 at 18:01

dbucki

454
3
7

Rotate pdf object using javascript

2 Answers2

Linked