Tôi đang cố gắng xoay thẻ đối tượng chứa PDF được Acrobat Plugin xem qua AcroPdf.dll.Xoay thẻ đối tượng (PDF) trong Javascript
Tôi đã nhìn thấy giải pháp this nhưng không xoay PDF cứ vào> = IE9 (hoạt động trên Chrome)
Tôi đang sử dụng jQuery 1.11.3 và PDFObject 1.2 và tôi không thể thay đổi phiên bản của jQuery.
Bất kỳ trợ giúp sẽ được đánh giá cao. Trân
mã đơn giản của tôi là thế này:
<!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 : '0',
toolbar : '0',
statusbar : '0',
messages : '0',
navpanes : '0'
};
var myPDF = new PDFObject({
url : pdfPath,
pdfOpenParams : customParameter,
cid : 'objectBoxPdf'
}).embed('boxPdf');
});
function rotatePdf(){
$('#objectBoxPdf').toggleClass('rotate-90');
}
</script>
</body>
</html>
Bạn có '-ms-transform: rotate (90);' trong kiểu của bạn cho '.rotate-90'. Điều này sẽ là '-ms-transform: rotate (90deg);' (lưu ý ** deg **). Cũng tham khảo [câu hỏi này] (http://stackoverflow.com/q/4865167/962603). Điều đó có khắc phục được sự cố của bạn không? –
@Chỉ cần bạn đúng, nhưng đó là một thử nghiệm. Tôi đặt deg và không hoạt động. –
@Justastudent tôi sẽ thử liên kết –