jQuery图片加水印插件

来源:https://www.sucaihuo.com/js/1864.html 2017-05-02 17:23浏览(1426) 收藏

这是一款jQuery图片加水印插件,sample1,sample2调用,默认图片和添加水印之后的图片都有对比。
jQuery图片加水印插件
分类:图片代码 > 图片插件 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

首先引用文件

<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script src="js/img2blob.js" type="text/javascript"></script>

这是一款jQuery图片加水印插件,sample1,sample2调用

$(function() {
		// default
		$(".sample1").img2blob();
		
		// with watermark
		$(".sample2").img2blob({
			watermark: '我是水印素材火插件库',
			fontStyle: 'Microsoft YaHei,Arial',
			fontSize: '18', // px
			fontColor: '#fff', // default 'black'
			fontX: 180, // The x coordinate where to start painting the text
			fontY: 280 // The y coordinate where to start painting the text
		});

	});
标签: 图片水印
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2