使用DXImageTransform HTML頁面旋轉導致質量損失

我旋轉HTML文檔中的某些頁面，以便在同一個文檔中某些頁面以縱向打印，而某些頁面以橫向打印。這在使用CSS3變換旋轉的當前瀏覽器中很容易實現。不過，我還需要在以前的方法無效的情況下支持IE6。當瀏覽器爲IE7或更低版本時，我通過使用一些條件CSS來了解這一點。這將使用這個在每個頁面的主DIV（所有其他網頁內容中嵌入）：使用DXImageTransform HTML頁面旋轉導致質量損失

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旋轉它，產生完全相同的結果。

來源

2013-02-13 Gunnzie

[直到版本9之前，'-ms-transform'不被Internet Explorer支持]（http://www.browsersupport.net/CSS/-ms-transform），所以我認爲你需要'filter'對於IE 8也是如此。 – 2013-02-13 17:01:33

我認爲我需要IE8的-ms篩選器。現在雖然我只關心IE6。 – Gunnzie 2013-02-13 17:29:38

IE 8仍然支持'filter'（和9）。但是，您可以在IE 8和9中使用'-ms-filter'（我相信10已經放棄了對兩者的支持）。 – 2013-02-13 17:37:21

如果僅使用90°，180°和270°您可以嘗試代替矩陣BasicImage：0，1，2：

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

的BasicImage濾波器的旋轉屬性可以接受四個值之一，或3分別旋轉元件0,90,180或270度。

有關詳細信息和示例，請參閱MSDN BasicImage Filter Documentation。

來源

2013-02-13 17:03:18 jantimon

BasicImage產生完全相同的質量損失。實際上這兩個打印輸出是無法區分的。不過謝謝。我會更新原始帖子，陳述我已經嘗試過。 – Gunnzie 2013-02-13 17:28:01

我很抱歉我期望更好的質量。也許你可以使用基於webkit的'wkhtmltopdf'，並生成一個pdf來獲得獨立於瀏覽器的打印結果：[將html文件轉換爲圖像]（http://stackoverflow.com/questions/11907986/convert-html-file-到圖像/ 11908055＃11908055） – jantimon 2013-02-14 09:30:47

使用DXImageTransform HTML頁面旋轉導致質量損失

回答

相關問題