精华内容
下载资源
问答
  • js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默认的就是打印带背景图像的 方法一 :css //打印机媒体查询 @media print { body...

    js的window.print()打印背景图片

    题目描述
    js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默认的就是打印带背景图像的

    方法一 :css

    //打印机媒体查询
    @media print {
         body{
            -webkit-print-color-adjust:exact;
            -moz-print-color-adjust:exact;
            -ms-print-color-adjust:exact;
            print-color-adjust:exact;
        } 
        button{display:none;}
    }
    

    方法二 :js

    function printPage(){
        var office = document.getElementsByClassName('office')[0];
        var imgs = office.getElementsByTagName('img');
        var img,src;
        if(!imgs.length){
            src = window.getComputedStyle(office,null).getPropertyValue('background-image').replace(/(^url)|\(|\)|\"/g,'');
            img = document.createElement('img');
            img.src=src;
            img.height = 150;
            img.width = 150;
            office.style.backgroundImage = 'none';
            office.appendChild(img);
        }
        window.print();
        //取消打印还原
        setTimeout(function(){
            office.removeChild(img);
            office.style.backgroundImage = 'url("'+ src +'")';
        },100)
    }
    

    引用地址

    展开全文
  • 但是打印预览时背景图片却显示出来。 ![图片说明](https://img-ask.csdn.net/upload/201907/05/1562312329_646581.png) 打印机的背景图片的勾选项我也勾选了。知道哪里出了问题,哪位大神有过类似的经验能帮我...
  • 吐槽:QT Designer实在用着舒服(用惯了Winform的是否会觉得这个就是辣鸡)...所以一直手动画页面, 可能还灭有接触到复杂布局, QT Designer... 想把登录页面做的好看一点, Icon图标, 背景图片, 都准备好了, 然后写代...

            吐槽:QT Designer实在用着不舒服(用惯了Winform的是否会觉得这个就是辣鸡)...所以一直手动画页面, 可能还灭有接触到复杂布局, QT Designer还需要持续学习和作为目前的辅助工具使用.
            今天遇到的问题其实很简单, 做了一个登录界面, 验证登录名密码后跳转到主页面. 想把登录页面做的好看一点, Icon图标, 背景图片, 都准备好了, 然后写代码去控制了窗体大小等等属性, 到了关键的读取图片的步骤, 却死活不显示. 
            我最开始是这么写的(如下), 发现无法读取, 然后就在斜杠和斜杠前面加点, 或者两个点, 因为做C#时同级目录需要点或者点点就可以访问读取路径, 但是在这里不好使.

    MainWindow.setWindowIcon(QIcon('/images/logo.png'))
    MainWindow.setStyleSheet('background-image:url(/images/Background.jpg)')

            经过我深思熟虑, 熟虑深思之后 , 我决定试试绝对路径 . 我把Icon的读取路径改为带盘符, 带文件夹名, 一级一级的到images文件夹, 然后运行 , 成功了! 同样的我把设置背景图片的路径也改成了绝对路径, 但是结果失败了, 依然不显示 . 因为用了sys.path[0]获取当前的python文件路径, 于是用print(self.bgUrl) 打印出来路径, 打印显示没有任何问题 , 那为啥Icon显示, 背景图片不行呢? 于是我又冒出一个想法 , 是不是斜杠的问题呢 , 因为系统读取的斜杠是向右的"\" , Icon显示没问题 , 那既然背景图片无法显示 , 那我用Replace把向右的斜杠 , 替换成向左的 , 是否可以呢? 于是将变量格式化self.bgUrl.replace('\\',"/") , 发现成功了! 
            也就是说setWindowIcon(QIcon(图片路径))和setStyleSheet('background-image:url(图片路径)')的不同点在于, 路径中包含的斜杠是不同的, 设置Icon的图片路径要用"\" , 而设置背景图片的文件路径要用"/" . 相同点在于都要使用绝对路径 . 建议引入sys库, 然后使用sys.path[0]获取python文件所在路径, 然后再拼接图片路径,  我是这么写的(如下)

    MainWindow.setWindowIcon(QIcon('{0}\images\logo.png'.format(sys.path[0])))
    self.bgUrl="{0}\images\Background.jpg".format(sys.path[0])
    MainWindow.setStyleSheet('background-image:url({0})'.format(self.bgUrl.replace('\\',"/")))

            记录学习的点点滴滴, 希望对初学者有所帮助, 也希望跟大家一起进步. 

    展开全文
  • 元素有设置背景色,但是打印显示背景色,在背景设置后面加上 !important border的颜色显示,子元素的border颜色设置成和父元素一样就显示了(很奇葩的现象,但是管用)。 <style media=print type=...
    1. 元素有设置背景色,但是打印时不显示背景色,在背景色设置后面加上 !important
    2. border的颜色不显示,子元素的border颜色设置成和父元素不一样就显示了(很奇葩的现象,但是管用)。
    <style media="print" type="text/css">
    		div.mark-target-a{background: #E73535 !important;}
    		div.mark-target-a b.xtgl-ccz-arrow-a {border-left-color: #fff !important;}
    </style>
    
    展开全文
  • html和js通过window.print()实现调用浏览器打印背景图片和生成二维码的文件功能;直接下载可用
  • print 打印内容 print

    去掉浏览器打印默认的页头页尾

    <!DOCTYPE html>
    <html>
    <head>
      <title>print</title>
      <meta charset="utf-8">
      <style media="print">
        @page {
          size: auto;
          margin: 0mm;
        }
      </style>
    </head>
     
    <body>
      <p style="width:300px; height:300px;border: 1px solid blue;">
        打印内容
      </p>
      <button onclick='print_page()'>print</button>
    </body>
     
    <script type="text/javascript">
      function print_page() {
        if (!!window.ActiveXObject || "ActiveXObject" in window) {
          remove_ie_header_and_footer();
        }
        window.print();
      };
     
      function remove_ie_header_and_footer() {
        var hkey_root, hkey_path, hkey_key;
        hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
        try {
          var RegWsh = new ActiveXObject("WScript.Shell");
          RegWsh.RegWrite(hkey_path + "header", "");
          RegWsh.RegWrite(hkey_path + "footer", "");
        } catch (e) {}
      }
    </script>
    </html>

    设置浏览器打印,不需要手动勾选背景图形,即可打印出背景

    <style type="text/css">
    @media print {
      body {-webkit-print-color-adjust: exact;}
    }
    </style>

     

    展开全文
  • 打印无法打印背景,那么我们的出发点就是可可以不用背景而使用其他的东西,比如图片本身(同事这里无法使用,原因在于客户可以自定义背景颜色,提供图片并不是最好的选择,毕竟颜色选择器你懂的) 方法一: 使用h5...
  • Vue中如何设置背景图片

    千次阅读 2020-04-21 22:21:24
    在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并能够正确的显示出来,如下CSS样式: background:url("../../...
  • button2.BackgroundImage = Image.FromFile("c:\\pic\\" + filePath);//在所需控件中显示图片 button2.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;//图片缩略显示
  • 最近遇见在IE8下实现页面部分打印背景图片和背景颜色丢失的问题网上查了许久,总结下有两种解决方案: 1、在IE的工具里,Internet选项-->高级-->打印(打印背景颜色和图像)选中即可2、背景图片不要在页面元素直接...
  • css js 打印背景

    千次阅读 2019-04-03 14:56:20
    如果不对浏览器设置,直接打印时是无法打印背景图的。 方法一 :css @media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-c...
  • 相关代码如下: <image class="imgBox" style="background-image:url('... </image> 微信小程序 将本地拍照/相机选择的图片设置到background-image上是...
  • 最近在使用LODOP插件做打印需求,其中要打印(BASE64)图片,但是按照文档设置宽高,发现打印出来的图片大小没发生变化,经过一番研究发现,少设置了一个属性的锅 LODOP.SET_PRINT_STYLE(0,"Stretch",1) 设置完发现...
  • 各个快递公司 快递单打印 打印样式设计 背景
  • 在@media print {}里,只需在需要加背景色的dom元素添加样式 @media print { #pdfDom { -webkit-print-color-adjust: exact; } } 若还是显示,给背景色加上!important;
  • 最近在做个报表的项目,应该叫报表,就是一些小时候考试那种卷子的形式的档案。...所以我想把它的源文件用背景的方式保存。然后我只把值拖上去就ok。我这样想知道是不是对的。大家能给个意见?...
  • LODOP打印,首次打印时,图片加载出来、加载完全问题最近项目中涉及到照片打印的地方在IE9环境下首次打印会出现图片打印不出来,或者只打印出来一部分,但是第二次打印或者将浏览器切换到Edge下,又可以完整的...
  • window.print() 打印网络资源图片不显示 解决方法 等待网络资源图片加载完成后,在打印 $(doc).find('.qrcode-down').load(function () { iframe.contentWindow.print(); window.location.reload() }) ...
  • 浏览器打印背景色丢失解决方法

    千次阅读 2019-10-08 11:16:53
    浏览器里打印html内容,在浏览里背景色就丢失了,打印出来也有问题,我测试时使用chrome浏览器,这问题可以用chrome的打印设置解决,打印浏览-》更多设置-》勾选 背景图片 可以解决,其它浏览器应该有同样设置的地方...
  • 配置背景图片路径 在命令行中用npm run build 进行打包。 查看 改变路径配置 将绝对路径改为相对路径 目标文件:项目目录 &amp;amp;gt; config文件夹 &amp;amp;gt; index.js assetsPublicPath:'...
  • ireport加水印图片(背景图片

    千次阅读 2017-11-22 08:41:42
    看着简单,我找了大半天- - 这个是背景图片,我是没找到水印怎么加,不过这个跟水印应差不多 将就用吧 - - 毕竟ireport上的问题,百度搜到的简直少之又少,没办法只能自己去摸索,用的人也没那么多,贴吧我看了一下...
  • IE7下背景图片不显示问题

    千次阅读 2012-07-04 09:51:08
    在IE7下面定义了一个div,没有定义height,用padding撑开,结果看背景图片。 解决方法:给div随便定义一个height。
  • Vue 设置图片不转为base64

    千次阅读 2019-03-25 12:04:47
    在使用 Vue.js 框架开发项目时,vue-cli创建的webpack模板默认会将10K以下的图片和字体文件转为base64。 好处:带来了更快的渲染,不会因为页面切换时还有加载图片的延迟感。 坏处:打包后的CSS,JS文件非常大,...
  • //输出一个使用白色填充的矩形作为背景 //如果有中文输出,需要将其转码,转换为UTF-8的字符串才可以直接传递 //$text = iconv("GB2312", "UTF-8", "回忆经典"); $text = "5555555555555555555555"; //设定字体,...
  • Data Binding给Button设置背景无效

    千次阅读 2016-11-15 16:13:30
    具体表现为给Button设置不同的背景图片,但是无论怎样背景只会显示不同的颜色,而不是显示期望的图片。0x01 分析由于对Data Binding不是很熟悉,所以很奇怪为什么。不管怎样先打印下这个资源的值,发现在布局文件中...
  • JAVA生成的二维码以及给二维码添加背景图片** 1.页面只需一行代码即可(用ajax请求得到响应,也可以用表单提交) window.location.href = “${ctx}/qrcode/getQrcodes?id=”+id 2.后台代码 public void ...
  • 打印图片,在chrome 360浏览器下测试能正常使用。 1.页面中需要用到Jquery.js 、jquery.jqprint-0.3.js、jquery-migrate-1.4.1.min.js(兼容文件) 如搭配不好会有版本兼容问题。 2.html页面引入三个js文件。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 46,693
精华内容 18,677
关键字:

如何设置不打印背景图片