Question

我正在使用angularJS，需要通过调用JS函数在图像中应用水印程序。我所拥有的是：

<figure><img class="watermark" ng-src="{{applyWatermark(img.url)}}"></figure>

所以，我需要调用该函数applyWatermark（尚未实现）并返回带有水印的img，但我不确定如何构建此函数。它应该返回图像吗？有人可以给我一些例子我该怎么做？

修改

我这样做了，但它不起作用：

 $(function applyWatermark(image) {                                                                                                                                                                                                      
     watermark([image, 'watermark.png'])                                                                                                                       
       .image(watermark.image.lowerRight())                                                                                                                                                                                              
       .then(function (img) {                                                                                                                                                                                                            
           return img                                                                                                                                                                                                                    
       });                                                                                                                                                                                                                               
 })

有什么想法吗？

Answer 1

使用watermark.js：

$ awk 'NR>1{printf "%d%s", NR, OFS}1' file
Chr Start   End Gene
2 chrX 110961329 110961512 ALG13
3 chrX 110987885 110988142 ALG13

如果这对您不起作用，可以试试这个：

watermark(['/img/forest.jpg', '/img/logo.png'])
    .image(watermark.image.lowerRight(0.5)) // Or lowerRight() for no opacity
    .then(function (img) {
        document.getElementById('alpha-image').appendChild(img);
    });

在处理之前测试图像是否存在。

如何使用JavaScript在图像中应用水印？

1 个答案: