IE8中可打印的旋转

Question

How do I print rotated content (divs) in IE8? The DXImageTranform filter options do not appear to be printable.

http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85)

---

Just to put this into context. I'm writing a pure dom-based canvas library called simpleCanvas . I am desperately trying to offer rotation of text, rectangles and images in IE8 without using a VML fallback, because it's ugly and slow, and error prone . A VML fallback is on my todo list as I concede that it's the only way I know how to do this in IE8 without additional tools. I'm hoping that there is some trick that I'm missing that doesn't come with a third party or server side requirement. If you have found it, a bounty is coming your way.

Answer 1

This is a massive stretch but is the best idea I could come up with:

Explorer Canvas - https://code.google.com/p/explorercanvas/ - Implements the canvas in IE8 by abusing VML.

HTML2Canvas - http://html2canvas.hertzen.com/ - Can render your document onto a canvas, which can then be rotated.

Failing that, I suspect your only option is going to be to generate a rotated document server-side and give that to the client for printing.

Edit: One other last ditch would be to handle the printing via Silverlight, embedding the page in a browsercontrol inside silverlight (yuck), rotating that and printing the result via SL.

Really grasping at straws here though for anything client side in a legacy browser.

Answer 2

According to Printing webpage with rotated text in Internet Explorer 9 you need to use -ms-transform too. Be sure to read the EDIT too as there is something buggy.

Answer 3

Would https://developers.google.com/chrome/chrome-frame/ be acceptable? I'm guessing not if its a LOB application, but it'd give you the features you need without taking the user out of IE8 in the strictest sense. Just another avenue to explore.

Answer 4

https://code.google.com/p/jqueryrotate/ - This will rotate images, it uses VML to do it in IE8. The caveat is that any text you wanted to rotate would have to be as an image.

Answer 5

I've never used it and it would be some work but have you tried svgweb ? Basically it uses SVG if the browser supports it and Flash if it doesn't. Because it's a flash object you can print it like an image once rendered.

Here's a few more demos of it: svgweb Demos