使用DXImageTransform进行HTML页面旋转会导致质量损失

时间:2013-02-13 16:56:54

标签: html css internet-explorer

我正在HTML文档中旋转一些页面,以便在同一文档中,某些页面以纵向打印,而一些页面以横向打印。在使用CSS3转换旋转的当前浏览器中,这很容易做到。但是,我还需要支持以前方法不起作用的IE6。当浏览器是IE7或更低版​​本时,我通过使用一些条件CSS来解决这个问题。这在每个页面的主div上使用它(所有其他页面内容都嵌入其中):

    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=3.061515884555943e-16,
            M12=1,
            M21=-1,
            M22=3.061515884555943e-16,
            SizingMethod='auto expand');

这在IE6中可以正常工作,因为它正确旋转了文档中所需的页面,并且就布局而言,它可以正确打印。但是,这些旋转页面上的打印输出质量不合标准。与完美打印的CSS3解决方案不同。如果我缩放页面或使用90,180或270度以外的角度,我可以理解降级,但我不是。

页面由带有文本的表组成。所有文字的质量都有所降低,尤其是粗体文字。

有没有办法保持质量?

注意:我已经尝试使用BasicImage旋转它,它产生完全相同的结果。

1 个答案:

答案 0 :(得分:1)

如果仅使用90°,180°和270°,则可以尝试使用BasicImage而不是Matrix:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

BasicImage过滤器的rotation属性可以接受以下四个值中的一个:0,1,2或3,它们将分别旋转元素0,90,180或270 degress。

有关详细信息和示例,请参阅MSDN BasicImage Filter Documentation