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

左手的ㄟ右手 2022-05-30 01:17 203阅读 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 条评论，203人围观）

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

相关阅读

相关 JS 页面显示图片

HTML页面 <div id="shopData" class="mini-datagrid" idField="id"

超、凢脫俗/ 2024年04月06日 14:52/ 0 赞/ 39 阅读

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

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

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

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

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

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

相关 Java 实现图片水印之水印图片（SpringMVC + Jsp）

> 图片水印不仅水印文字还可以是图片，本次实现图片水印之水印图片，以后有需要可以用个代码批量处理自己的图片了。大家先看效果图 ![这里写图片描述][201605101

小灰灰/ 2022年08月22日 01:20/ 0 赞/ 356 阅读

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

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

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

相关图片水印

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

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

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

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

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

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

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

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

相关页面添加水印

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

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

相关 C# 图片添加水印

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

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