图片水印 c# 和页面js版本

左手的ㄟ右手 2022-05-30 01:17 233阅读 0赞

c\#代码水印

public class WaterMark
        {
            private const int XInterval = 380;
            private const int YInterval = 180;
            private Image image = null;
          
            public WaterMark(byte[] ImageByte)
            {
                Stream stream = new MemoryStream(ImageByte);
                if (stream != null)
                {
                    image = Image.FromStream(stream);
                }
            }
            public WaterMark(string ImagePath)
            {
                if (ImagePath != null)
                {
                    image = Image.FromFile(ImagePath);
                }
            }
            public byte[] Draw(string waterText = "yileichen")
            {
                //使用Graphics.DrawImage方法将图像重新绘制到一个Bitmap对象中，并指定像素格式，从而去除索引 
                using (Bitmap bmp = new Bitmap(image))
                {
                    using (Graphics g = Graphics.FromImage(bmp))
                    {
                        var width = image.Width;
                        var height = image.Height;
                        var crFont = new Font("arial", 30, FontStyle.Bold);
                        var crSolidBrush = new SolidBrush(Color.FromArgb(70, 120, 120, 120));
                        g.RotateTransform(-30); 
    
                        for (int xpos = -width / 2; xpos < width * 1.5; xpos += XInterval)
                        {
                            for (int ypos = -height / 2; ypos < height * 1.5; ypos += YInterval)
                            {
                                g.DrawString(waterText, crFont, crSolidBrush, xpos, ypos);
                            }
                        }
                    }
                    image.Dispose();
                    return ImageToByteArray(bmp);
                }
            }
    
            private byte[] ImageToByteArray(Image img)
            {
                ImageConverter imgconv = new ImageConverter();
                byte[] b = (byte[])imgconv.ConvertTo(img, typeof(byte[]));
                return b;
            }
        }

js版本水印：

(function(watermark){
    	window.watermarkdivs = [];
    
    	// 加载水印
    	var loadMark = function(settings) {
            var defaultSettings={
                watermark_txt:"测试水印",
                watermark_x:20,//水印起始位置x轴坐标
                watermark_y:20,//水印起始位置Y轴坐标
                watermark_rows:0,//水印行数
                watermark_cols:0,//水印列数
                watermark_x_space:100,//水印x轴间隔
                watermark_y_space:50,//水印y轴间隔
                watermark_font:'微软雅黑',//水印字体
                watermark_color:'black',//水印字体颜色
                watermark_fontsize:'18px',//水印字体大小
                watermark_alpha:0.15,//水印透明度，要求设置在大于等于0.003
                watermark_width:150,//水印宽度
                watermark_height:100,//水印长度
                watermark_angle:15,//水印倾斜度数
            };
    			console.log(defaultSettings);
    			//采用配置项替换默认值，作用类似jquery.extend
    			if(arguments.length===1&&typeof arguments[0] ==="object" )
    			{
    				var src=arguments[0]||{};
    				for(key in src)
    				{
    					if(src[key]&&defaultSettings[key]&&src[key]===defaultSettings[key])
    						continue;
    					else if(src[key])
    						defaultSettings[key]=src[key];
    				}
    			}
    
    			if (window.watermarkdivs && window.watermarkdivs.length > 0) {
    				document.body.removeChild(document.getElementById("otdivid"));
    				window.watermarkdivs = [];
    			}
    
    			//获取页面最大宽度
    			var page_width = Math.max(document.body.scrollWidth,document.body.clientWidth);
    			//获取页面最大长度
    			var page_height = Math.max(document.body.scrollHeight,document.body.clientHeight);
    
            	// 创建文档碎片
            	var oTemp = document.createDocumentFragment();
                //创建水印外壳div
    			var otdiv = document.getElementById("otdivid");
    			if(!otdiv){
    				otdiv =document.createElement('div');
    				otdiv.id="otdivid";
                    otdiv.style.pointerEvents = "none";
    				document.body.appendChild(otdiv);
    			}
    
    			//如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
    			if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x + defaultSettings.watermark_width *defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1)) > page_width)) {
    				defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x + defaultSettings.watermark_x_space) / (defaultSettings.watermark_width + defaultSettings.watermark_x_space));
    				defaultSettings.watermark_x_space = parseInt((page_width - defaultSettings.watermark_x - defaultSettings.watermark_width * defaultSettings.watermark_cols) / (defaultSettings.watermark_cols - 1));
    			}
    			//如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
    			if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y + defaultSettings.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1)) > page_height)) {
    				defaultSettings.watermark_rows = parseInt((defaultSettings.watermark_y_space + page_height - defaultSettings.watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
    				defaultSettings.watermark_y_space = parseInt(((page_height - defaultSettings.watermark_y) - defaultSettings.watermark_height * defaultSettings.watermark_rows) / (defaultSettings.watermark_rows - 1));
    			}
    			
    			var x;
    			var y;
    			for (var i = 0; i < defaultSettings.watermark_rows; i++) {
    				y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
    				for (var j = 0; j < defaultSettings.watermark_cols; j++) {
    					x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
    
    					var mask_div = document.createElement('div');
    					var oText=document.createTextNode(defaultSettings.watermark_txt);
    					mask_div.appendChild(oText);
                 // 设置水印相关属性start
                        mask_div.id = 'mask_div' + i + j;
    					//设置水印div倾斜显示
    					mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
    					mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
    					mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
    					mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
    					mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
    					mask_div.style.visibility = "";
    					mask_div.style.position = "absolute";
    					//选不中
    					mask_div.style.left = x + 'px';
    					mask_div.style.top = y + 'px';
    					mask_div.style.overflow = "hidden";
    					mask_div.style.zIndex = "9999";
    					//mask_div.style.border="solid #eee 1px";
    					mask_div.style.opacity = defaultSettings.watermark_alpha;
    					mask_div.style.fontSize = defaultSettings.watermark_fontsize;
    					mask_div.style.fontFamily = defaultSettings.watermark_font;
    					mask_div.style.color = defaultSettings.watermark_color;
    					mask_div.style.textAlign = "center";
    					mask_div.style.width = defaultSettings.watermark_width + 'px';
    					mask_div.style.height = defaultSettings.watermark_height + 'px';
    					mask_div.style.display = "block";
                 //设置水印相关属性end
                        //附加到文档碎片中
                        otdiv.appendChild(mask_div);
    
                        window.watermarkdivs.push(otdiv); //控制页面大小变化时水印字体
    				};
    			};
    			//一次性添加到document中
    			document.body.appendChild(oTemp);
    		};
    
        watermark.init = function(settings) {
            window.onload = function() {
                loadMark(settings);
            };
            window.onresize = function() {
                loadMark(settings);
            };
        };
    
        watermark.load = function(settings){
    		loadMark(settings);
        };
    
    })(window.watermark = {} );

js调用方式：

watermark.load({ watermark_txt: "测试水印，1021002301，测试水印，100101010111101" });

问题：

1.[Graphics.TranslateTransform设置旋转角度不起作用？][Graphics.TranslateTransform]

http://www.cnblogs.com/yukaizhao/archive/2008/12/02/Graphics\_RotateTransform\_TranslateTransform\_nowork.html

2.[无法从带有索引像素格式的图像创建graphics对象][graphics]

https://www.cnblogs.com/qixuejia/archive/2010/09/03/1817248.html

[Graphics.TranslateTransform]: http://www.cnblogs.com/yukaizhao/archive/2008/12/02/Graphics_RotateTransform_TranslateTransform_nowork.html
[graphics]: http://www.cnblogs.com/qixuejia/archive/2010/09/03/1817248.html

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java实现PDF添加图片水印和文字水印

这篇文章介绍如何在Java应用程序中实现给PDF文档添加图片水印和文字水印。本方案使用了免费PDF组件[Free Spire.PDF for Java][]，以下代码需要添

分手后的思念是犯贱/ 2023年10月18日 13:27/ 0 赞/ 44 阅读

相关使用JS给页面添加水印效果

原文：[https://www.cnblogs.com/Miracle-ZLZ/p/9340249.html][https_www.cnblogs.com_Miracle-ZL

灰太狼/ 2023年06月25日 06:18/ 0 赞/ 15 阅读

相关 java 图片添加水印(文字水印+图片水印)

一、图片水印(水印文件覆盖到源文件上) / @param buffImg 源文件(BufferedImage) @par

曾经终败给现在/ 2023年01月09日 15:50/ 0 赞/ 384 阅读

相关 c语言图片去水印,[求助]C语言 bmp文件加上水印

该楼层疑似违规已被系统折叠隐藏此楼查看此楼给一张图片加水印后存起来然后显示出来有部分源码求高手帮忙完成~！ \include \include /\ stru

小灰灰/ 2022年10月15日 11:57/ 0 赞/ 288 阅读

相关 Java实现在图片上添加水印图片和水印文字

public static void main(String\[\] args) \{ createMark("e://image//a.gif","e://i

雨点打透心脏的1/2处/ 2022年08月07日 05:40/ 0 赞/ 388 阅读

相关图片水印

效果展示： ![Center][] 2.代码实现： $dst_path = '111.jpg';//原图片 $src_path = '222.jpg';/

﹏ヽ暗。殇╰゛Y/ 2022年07月17日 01:07/ 0 赞/ 403 阅读

相关 ASP.NET(C#)图片加文字、图片水印

[ASP.NET(C\)图片加文字、图片水印][ASP.NET_C] [?][Link 1] <table> <tbody> <tr> <td>

女爷i/ 2022年07月15日 23:11/ 0 赞/ 302 阅读

相关图片水印 c# 和页面js版本

c\代码水印 public class WaterMark { private const int XInterval = 3

左手的ㄟ右手/ 2022年05月30日 01:17/ 0 赞/ 234 阅读

相关页面添加水印

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="statics/libs/j

小鱼儿/ 2022年05月26日 21:20/ 0 赞/ 351 阅读

相关 C# 图片添加水印

调用 WaterMarkHelper.AddWaterMark(@"C:\Users\xxxue\Desktop\QQ图片20180704142029.jpg",

古城微笑少年丶/ 2021年06月26日 16:06/ 0 赞/ 744 阅读