摘要:來一個簡單粗暴的演示圖先來內(nèi)容拍張照片唄一個一個然后內(nèi)容把設(shè)備啟動下綁定下按鈕按鈕獲取點擊時的幀,和添加一下水印有一個姑娘在這樣就結(jié)束了附上全部代碼要多簡單就有多簡單的拍照加水印拍張照片唄有一個姑娘在附上我的訂閱號二維碼,持續(xù)分享
來一個簡單粗暴的gif演示圖
先來html 內(nèi)容
一個video 一個canvas
然后js內(nèi)容
把設(shè)備啟動下
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(); }
綁定下按鈕
按鈕獲取點擊時的幀,和添加一下水印
font: "14px microsoft yahei", style: "rgba(255,255,255,0.9)", text: "有一個姑娘在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é)束了
附上全部代碼
要多簡單就有多簡單的H5拍照加水印
附上我的訂閱號二維碼,持續(xù)分享內(nèi)容哦
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/87945.html
摘要:來一個簡單粗暴的演示圖先來內(nèi)容拍張照片唄一個一個然后內(nèi)容把設(shè)備啟動下綁定下按鈕按鈕獲取點擊時的幀,和添加一下水印有一個姑娘在這樣就結(jié)束了附上全部代碼要多簡單就有多簡單的拍照加水印拍張照片唄有一個姑娘在附上我的訂閱號二維碼,持續(xù)分享 showImg(https://segmentfault.com/img/bVDWNT?w=640&h=400); 來一個簡單粗暴的gif演示圖 先來htm...
摘要:拍照黨福利駕到華為云微認證教你實現(xiàn)圖片壓縮和水印添加在手機拍照成為日常的今天,用照片記錄生活已成為人們的一種習慣。華為云微認證將總共送出個免費機會,獎項公布時間月日。 拍照黨福利駕到 華為云微認證教你實現(xiàn)圖片壓縮和水印添加 在手機拍照成為日常的今天,用照片記錄生活已成為人們的一種習慣。拍照容易處理難,面對手機相冊中大量的照片,你是否也苦惱過?刪,舍不得;上傳,會不會被盜圖?能否發(fā)出足夠...
摘要:有時候我想在圖片上添加自己的水印來防止別人盜圖,所以今天給大家分享如何用給我們的圖片添加上水印。我們先來看看效果。可以看到右下角就有了我們公眾號的名稱的水印,是不是超級厲害那我們看看代碼吧,也就行不到。 有時候我想在圖片上添加自己的水印來防止別人盜圖,所以今天給大家分享如何用python給我們的圖片添加上水印。我們先來看看效果。 showImg(https://segmentfault...
閱讀 2293·2021-11-25 09:43
閱讀 3446·2021-10-25 09:48
閱讀 1321·2021-09-13 10:24
閱讀 2735·2019-08-29 15:07
閱讀 1258·2019-08-29 13:14
閱讀 3265·2019-08-29 12:22
閱讀 1354·2019-08-29 11:32
閱讀 3229·2019-08-29 11:23