同一图像中的多个水印同时出现

Question

目前我正尝试使用http://fmaz.developpez.com/proj/imgwatermark/demo.html此插件处理拖放水印图像。

但是只有一个图像水印系统。我没有找到任何多个水印的文档。

我想一次添加2张水印图片。

目前水印图像为“A”。 “A”可在图像内的任何位置移动。我想在相同的图像名称“B”上添加另一个水印。那可能吗？任何伎俩??

我试图在web和stackoverflow上找到。任何聪明的伎俩??

由于

Answer 1

最后我明白了。

Cuttent watermark #id是水印的，区域是x＆amp;年。

我只是创建了不同的区域名称

a，b＆amp; 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 App实现代码。所以代码看起来像这样。

希望它能帮助别人。