ionic给图片加水印

测试
【html】

<input type="file" accept="image/*" multiple (change)="selectPicture($event)" />

【ts】

selectPicture(event: any) {let file = event.target.files[0];//获取日期与时间let myDate = new Date();this.utils.watermarking(file, 11.01312, 28.21249, "湖南省长沙市芙蓉区马王堆街道长沙晚报报业集团", myDate.toLocaleString('chinese', { hour12: false }), (base64) => {this.imgPath = base64;})
}

使用canvas给图片加水印

watermarking(file: string, lng: number, lat: number, location: string, date: string, callback) {//新建img对象 var img = new Image();img.src = file;// img加载完成img.onload = function () {//准备canvasvar canvas = document.createElement("canvas");canvas.setAttribute("width", img.width + "");canvas.setAttribute("height", img.height + "");var context = canvas.getContext("2d");// 绘制图片context.drawImage(img, 0, 0);// 绘制水印context.font = "italic normal lighter 10px arial";context.fillStyle = "rgba(255,255,255,1)";//经度context.fillText("经度：" + lng, 5, img.height - 70);//纬度context.fillText("纬度：" + lat, 5, img.height - 50);//位置context.fillText("位置：" + location, 5, img.height - 30);//时间context.fillText("时间：" + date, 5, img.height - 10);var newBase64 = canvas.toDataURL("image/jpeg"); //压缩语句callback(newBase64);//必须通过回调函数返回，否则无法及时拿到该值}
}

js获取系统时间并转化为24小时模式

let myDate = new Date();
let currentDate = myDate.toLocaleString('chinese', { hour12: false })；

ionic给图片加水印相关推荐

golang实现给图片加水印
2019独角兽企业重金招聘Python工程师标准>>> 最近跟在写golang图片加水印的方法,这里用的是一些基本的功能. package mainimport ("fmt ...
php加水印功能,PHP图片加水印功能
本篇文章主要介绍PHP图片加水印功能,感兴趣的朋友参考下,希望对大家有所帮助. 实例代码如下:<?php /** * 功能:给一张图片加上水印效果 * $i 要加水印效果的图片 * $t 水印文 ...
Java图片处理（二）图片加水印
图片加水印,是通过图片重叠绘制实现的.实现代码如下: public static void press(String pressImg, String pressText, String target ...
C# 图片加水印例程
using System; using System.IO; using System.Collections; using System.Drawing; using System.Drawing. ...
Python脚本实现图片加水印
起步图片是指由图形.图像等构成的平面媒体,有形式的事物,我们看到的,是图画.照片.拓片等的统称. 为了保护一些原创图片的版权,某些时候我们需要在图片上面,加上水印,当然你可以用Photoshop来做 ...
java 水印位置_Java实现图片加水印且控制位置和透明度
Java实现图片加水印且控制位置和透明度昨天要做一个给图片加水印的功能,不想使用一些插件,就在网上转了一会儿,经过改装成了我需要的功能,代码如下: package org.guhao; import ...
如何给图片加水印？这三个图片加水印方法，帮你添加花式水印
大家有没有这样情况,自己好不容易做好的作品发布到网络平台上结果被他人盗用了,很让人气愤,那我们应该如何避免这种情况呢? 其实我们可以给自己的作品加上一些专属的个性化水印,那小伙伴们知道图片加水印怎么操 ...
java 图片加水印不失真_java实现图片加水印效果
图片加水印代码,这些代码不常用,但是用到的时候需要注意的地方也挺多的,每次都重写比较麻烦,记下来备忘.代码是图片加水印的一般流程,可根据实际项目需要自行修改. 注:代码在JPG和PNG格式图片下测试通 ...
Java为图片加水印
Java为图片加水印工具类一.简介使用Java在图片上加上水印,可以添加文字.图片编写一个工具类的代码优化和整理使用建造者模式提高工具类的可配置性二.效果图三.基本参数 // ++++++ ...
七牛 java 加水印_七牛云图片加水印
目标:用户登录进平台后,他看到的所有图片都要以他的用户名加上水印. 1.首先说下七牛加水印的方法,首先附上官网地址: https://developer.qiniu.com/dora/manual/1 ...

ionic给图片加水印

ionic给图片加水印相关推荐

最新文章

热门文章