資訊專欄INFORMATION COLUMN
摘要：來一個簡單粗暴的演示圖先來內容拍張照片唄一個一個然后內容把設備啟動下綁定下按鈕按鈕獲取點擊時的幀，和添加一下水印有一個姑娘在這樣就結束了附上全部代碼要多簡單就有多簡單的拍照加水印拍張照片唄有一個姑娘在附上我的訂閱號二維碼，持續分享
來一個簡單粗暴的gif演示圖
先來html 內容
一個video 一個canvas
然后js內容
把設備啟動下
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);
}
這樣就結束了
附上全部代碼
要多簡單就有多簡單的H5拍照加水印
附上我的訂閱號二維碼，持續分享內容哦
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/11016.html
摘要：來一個簡單粗暴的演示圖先來內容拍張照片唄一個一個然后內容把設備啟動下綁定下按鈕按鈕獲取點擊時的幀，和添加一下水印有一個姑娘在這樣就結束了附上全部代碼要多簡單就有多簡單的拍照加水印拍張照片唄有一個姑娘在附上我的訂閱號二維碼，持續分享 showImg(https://segmentfault.com/img/bVDWNT?w=640&h=400); 來一個簡單粗暴的gif演示圖 先來htm...
摘要：拍照黨福利駕到華為云微認證教你實現圖片壓縮和水印添加在手機拍照成為日常的今天，用照片記錄生活已成為人們的一種習慣。華為云微認證將總共送出個免費機會，獎項公布時間月日。 拍照黨福利駕到 華為云微認證教你實現圖片壓縮和水印添加 在手機拍照成為日常的今天，用照片記錄生活已成為人們的一種習慣。拍照容易處理難，面對手機相冊中大量的照片，你是否也苦惱過？刪，舍不得；上傳，會不會被盜圖？能否發出足夠...
摘要：有時候我想在圖片上添加自己的水印來防止別人盜圖，所以今天給大家分享如何用給我們的圖片添加上水印。我們先來看看效果。可以看到右下角就有了我們公眾號的名稱的水印，是不是超級厲害那我們看看代碼吧，也就行不到。 有時候我想在圖片上添加自己的水印來防止別人盜圖，所以今天給大家分享如何用python給我們的圖片添加上水印。我們先來看看效果。 showImg(https://segmentfault...
閱讀 1952·2021-09-30 09:46
閱讀 1365·2019-08-30 15:43
閱讀 1122·2019-08-29 13:28
閱讀 1921·2019-08-29 11:24
閱讀 1681·2019-08-26 13:22
閱讀 3892·2019-08-26 12:01
閱讀 1816·2019-08-26 11:33
閱讀 3242·2019-08-23 15:34
