vue 呼叫瀏覽器列印 及新增水印的方法

2021-10-02 01:54:16 字數 2156 閱讀 2202

新建個名為watermark 的 js 檔案

把下面的**複製進去

let watermark = {}


let setwatermark = (str) => 


//建立乙個畫布


let can = document.createelement('canvas');


//設定畫布的長寬


can.width = 300;


can.height = 300;


let cans = can.getcontext('2d');


//旋轉角度


cans.rotate(-15 * math.pi / 180);


cans.font = '18px vedana';


//設定填充繪畫的顏色、漸變或者模式


cans.fillstyle = 'rgba(200, 200, 200, 0.40)';


//設定文字內容的當前對齊方式


cans.textalign = 'left';


//設定在繪製文字時使用的當前文字基線


cans.textbaseline = 'middle';


//在畫布上繪製填色的文字（輸出的文字，開始繪製文字的x座標位置，開始繪製文字的y座標位置）


cans.filltext(str, can.width / 8, can.height / 2);


let div = document.createelement('div');


div.id = id;


div.style.pointerevents = 'none';


div.style.top = '0px';


div.style.left = '0px';


div.style.position = 'absolute';


div.style.zindex = '1000000000';


div.style.width = '100%';


div.style.opacity = '0.7';


div.style.height = document.body.scrollheight + 'px';


// 背景


// div.style.background = 'url(' + can.todataurl('image/png') + ') left top repeat';


div.style.background = 'url(' + require('@/images/shuiyin-min1.png') + ') left top repeat';


div.style.backgroundsize = '100%';


console.log('dd',id)


return id;


}// 該方法只允許呼叫一次


watermark.set = (str) => 


}, 500);


window.onresize = () => ;


}export default watermark;
把js 檔案匯入 頁面

import watermark from '../../libs/watermark';
水印的內容

watermark.set('水印的內容')
呼叫瀏覽器列印的方法

dayin()"


var hkey_root, hkey_path, hkey_key;


hkey_root = "hkey_current_user";


hkey_path = "\\software\\microsoft\\internet explorer\\pagesetup\\";


var regwsh = new activexobject("wscript.shell");


hkey_key = "header";


regwsh.regwrite(hkey_root + hkey_path + hkey_key, "");


hkey_key = "footer";


regwsh.regwrite(hkey_root + hkey_path + hkey_key, "");


}catch(e)


finally ,2000);


}},

Vue專案新增動態瀏覽器頭部title

vue專案新增動態瀏覽器頭部title 1 從路由router裡面得到元件的title 在router.beforeeach to,from,next 裡面 const browserheadertitle to.name 2 title存vuexset browserheadertitle sta...

Vue專案在頁面新增水印及在某乙個頁面去除水印功能

1 系統內頁面出現水印 2 登入頁面沒有水印 備註 退出登入時，登入頁面不會顯示水印 建立水印功能網上一大把，隨便搜一下 use strict const watermark const setwatermark str const can document.createelement canvas...

呼叫谷歌瀏覽器的列印所遇到的困難，回流重繪

首先我要說一下列印的思路 往往開發中列印介面和目標介面並不一樣，我們可以在列印的時候做一些操作 1.將頁面dom儲存起來存在文件碎片裡面 let fragment this.nodetofragment document.body 2.將生成的放在body裡面 我在開發的過程中遇到了,呼叫列印方法的...