同一图像同时存在多个水印
同一图像同时存在多个水印
提问于 2015-07-11 01:36:59
目前，我正在尝试使用http://fmaz.developpez.com/proj/imgwatermark/demo.html这个插件拖放水印图像。
但是目前只有一个图像水印系统。我没有找到任何关于多重水印的文档。
我想添加2水印图片一次。
目前有水印图像是"A“。"A“可以移动到图像中的任何位置。我想在相同的图像名称"B“上添加另一个水印。这有可能吗？有什么窍门吗？
我试着在web和stackoverflow上查找。有什么妙招吗？？
谢谢
回答 1
Stack Overflow用户
发布于 2015-07-12 00:30:00
我终于明白了。
剪切水印#id是带水印的，面积是x& y。
我只是创建了不同的区域名称
a，b& p，q对于两个图像和一个集id水印。所以所有的水印都显示在相同的图像中。
下面是代码：
$scope.posA = 80;
$scope.posB = 90;
$scope.posX = 5;
$scope.posY = 5;
$scope.posP = 150;
$scope.posQ = 100;其他代码为
$('#watermarked').Watermarker({
watermark_img: 'images/watermark.png',
resizable: false,
x: $scope.posX,
y: $scope.posY,
onChange: showCoords
});
$('#watermarked').Watermarker({
watermark_img: 'images/watermark2.png',
position: 'bottomcenter',
resizable: false,
p: $scope.posP,
q: $scope.posQ,
onChange: showCoords
});
$('#watermarked').Watermarker({
watermark_img: 'images/watermark3.png',
resizable: false,
a: $scope.posA,
b: $scope.posB,
w: '132px',
h: '20px',
position: 'bottomleft',
onChange: showCoords
});
function showCoords(c)
{
$scope.$parent.posA = c.a;
$scope.$parent.posB = c.b;
$scope.$parent.posX = c.x;
$scope.$parent.posY = c.y;
$scope.$parent.posP = c.p;
$scope.$parent.posQ = c.q;
}; 我用我的AngularJS应用程序实现代码。所以代码看起来像这样。
希望它能帮助人们。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31346970
复制相关文章
相似问题
腾讯云开发者
