資訊專欄INFORMATION COLUMN
摘要：來一個(gè)簡(jiǎn)單粗暴的演示圖先來內(nèi)容拍張照片唄一個(gè)一個(gè)然后內(nèi)容把設(shè)備啟動(dòng)下綁定下按鈕按鈕獲取點(diǎn)擊時(shí)的幀，和添加一下水印有一個(gè)姑娘在這樣就結(jié)束了附上全部代碼要多簡(jiǎn)單就有多簡(jiǎn)單的拍照加水印拍張照片唄有一個(gè)姑娘在附上我的訂閱號(hào)二維碼，持續(xù)分享
來一個(gè)簡(jiǎn)單粗暴的gif演示圖
先來html 內(nèi)容
一個(gè)video 一個(gè)canvas
然后js內(nèi)容
把設(shè)備啟動(dòng)下
init: function(){
var video = this.video;
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
this.bind();
}
綁定下按鈕
按鈕獲取點(diǎn)擊時(shí)的幀，和添加一下水印
font: "14px microsoft yahei",
style: "rgba(255,255,255,0.9)",
text: "有一個(gè)姑娘在coding",
height: 240,
width: 320,
draw_pic: function(){
var self = this;
var context = self.canvas.getContext("2d");
context.drawImage(self.video, 0, 0, self.width, self.height);
context.font = self.font;
context.fillStyle = self.style;
context.fillText(self.text, self.width - 140 , self.height - 10);
}
這樣就結(jié)束了
附上全部代碼
要多簡(jiǎn)單就有多簡(jiǎn)單的H5拍照加水印
附上我的訂閱號(hào)二維碼，持續(xù)分享內(nèi)容哦
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/11016.html
摘要：來一個(gè)簡(jiǎn)單粗暴的演示圖先來內(nèi)容拍張照片唄一個(gè)一個(gè)然后內(nèi)容把設(shè)備啟動(dòng)下綁定下按鈕按鈕獲取點(diǎn)擊時(shí)的幀，和添加一下水印有一個(gè)姑娘在這樣就結(jié)束了附上全部代碼要多簡(jiǎn)單就有多簡(jiǎn)單的拍照加水印拍張照片唄有一個(gè)姑娘在附上我的訂閱號(hào)二維碼，持續(xù)分享 showImg(https://segmentfault.com/img/bVDWNT?w=640&h=400); 來一個(gè)簡(jiǎn)單粗暴的gif演示圖 先來htm...
摘要：拍照黨福利駕到華為云微認(rèn)證教你實(shí)現(xiàn)圖片壓縮和水印添加在手機(jī)拍照成為日常的今天，用照片記錄生活已成為人們的一種習(xí)慣。華為云微認(rèn)證將總共送出個(gè)免費(fèi)機(jī)會(huì)，獎(jiǎng)項(xiàng)公布時(shí)間月日。 拍照黨福利駕到 華為云微認(rèn)證教你實(shí)現(xiàn)圖片壓縮和水印添加 在手機(jī)拍照成為日常的今天，用照片記錄生活已成為人們的一種習(xí)慣。拍照容易處理難，面對(duì)手機(jī)相冊(cè)中大量的照片，你是否也苦惱過？刪，舍不得；上傳，會(huì)不會(huì)被盜圖？能否發(fā)出足夠...
摘要：有時(shí)候我想在圖片上添加自己的水印來防止別人盜圖，所以今天給大家分享如何用給我們的圖片添加上水印。我們先來看看效果。可以看到右下角就有了我們公眾號(hào)的名稱的水印，是不是超級(jí)厲害那我們看看代碼吧，也就行不到。 有時(shí)候我想在圖片上添加自己的水印來防止別人盜圖，所以今天給大家分享如何用python給我們的圖片添加上水印。我們先來看看效果。 showImg(https://segmentfault...
閱讀 1967·2021-09-30 09:46
閱讀 1376·2019-08-30 15:43
閱讀 1132·2019-08-29 13:28
閱讀 1933·2019-08-29 11:24
閱讀 1696·2019-08-26 13:22
閱讀 3981·2019-08-26 12:01
閱讀 1829·2019-08-26 11:33
閱讀 3252·2019-08-23 15:34
