Javascript 使输入文本背景可打印为PDF格式

Javascript 使输入文本背景可打印为PDF格式,javascript,html,css,Javascript,Html,Css,我正在寻找一种方法,当我将页面保存为PDF(右键单击“打印…”选项和“另存为PDF”)时,可以打印输入文本背景图像 该页面有一个方形背景图像,以模拟每个字符被键入到一个方形中 这是一段代码来说明我的意思: #文本 { 背景图像:url(“http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif"); 宽度:213px; 高度:18px; 背景尺寸:20px; 边界:无;

我正在寻找一种方法,当我将页面保存为PDF(右键单击“打印…”选项和“另存为PDF”)时,可以打印输入文本背景图像

该页面有一个方形背景图像,以模拟每个字符被键入到一个方形中

这是一段代码来说明我的意思:

#文本
{
背景图像:url(“http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");     
宽度:213px;
高度:18px;
背景尺寸:20px;
边界:无;
字体系列:monospace;
字体大小:13px;
左侧填充:5px;
字母间距:12px;
}
名称:
您可以使用,并且可以在打印时为指定不同的设置

以下代码是仅使用
颜色调整
相应的
-webkit打印颜色调整
的最简单代码:

#文本{
背景图像:url(“http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");        
宽度:213px;
高度:18px;
背景尺寸:20px;
边界:无;
字体系列:monospace;
字体大小:13px;
左侧填充:5px;
字母间距:12px;
-webkit打印颜色调整:精确!重要;/*铬,Safari*/
颜色调整:精确!重要;/*Firefox*/
}

Name:
在打印模式下查看浏览器。向下滚动查看是否有其他选项-其中之一可能是打印背景。有些浏览器似乎默认不打印背景,当打印到PDF文件时,它们会同样应用背景。@AHaworth-这不是代码解决方案,但解决了打印问题:)谢谢