您现在的位置： 365建站网 > 365文章 > 非动态的方法：图片上添加文字

非动态的方法：图片上添加文字

文章来源：365jz.com 点击数：539 更新时间：2011-04-09 23:16 参与评论

首先。有个非动态的方法提供

</>code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
div#div1
{
 width:400px;height:210px;background-color:#aaa;
 color:#fff;font-size:20px;padding:45px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="C:\Documents and Settings\Administrator\桌面\c.jpg");
}
-->
</style>
</head>
<body>
<div id="div1">
<span>犀牛和小鸟的故事</span>
</div>
</body>
</html>

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="C:\c.jpg");

具体介绍：

</>code
Microsoft.AlphaImageLoader是IE滤镜的一种，其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片，但是就IE5-IE6而言还是有一定的意义。
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 
false  :　 滤镜被禁止。 
 
sizingMethod  :　 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop  :　 剪切图片以适应对象尺寸。 
image  :　 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 
scale  :　 缩放图片以适应对象的尺寸边界。 
 
src  :　 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。 
特性：
Enabled  :　 可读写。布尔值(Boolean)。参阅 enabled 属性。 
sizingMethod  :　 可读写。字符串(String)。参阅 sizingMethod 属性。 
src  :　 可读写。字符串(String)。参阅 src 属性。 
说明：
在对象容器边界内，在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。
示例：
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}
.dream{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/earglobe.gif');} 
MSDN: http://msdn2.microsoft.com/en-us/library/ms532969.aspx
P.S. 当想使用backgroundimage属性时，如果不想让图片原尺寸显示，而是类似于IMG width=100% heigth=100% 的效果，可以通过此filter实现。
Example：
span.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg', sizingMethod='scale')";
引用：最后说说关于FF和IE效果调和问题。这个滤镜效果只适用于IE,在FF下面无法显示，我想这是前辈说他很难实现的最终问题了。以往我们用*或者_来修复IE下和FF的区别．这一次是要找方法修复FF不能实现的问题.
其实想到的话,也很简单了.就是先让FF正常显示该图片,然后,用*或_ 来清除IE下的显示效果，最后用*或_ 来做以上的滤镜效果。大功告成！
以上是官方的说明。事实上实际操作中需要注意:AlphaImageLoader滤镜会导致该区域的链接和按钮无效，一般情况下的解决办法是为链接或按钮添加：position:relative使其相对浮动要注意的是，当加载滤镜的区域的父层有position:absolute绝对定位的时候使用position:relative也不能使链接复原。建议使用浮动办法处理。
具体操作：
1.为预览区域（比如要在某个 div 中预览）添加样式：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。 
2.为 AlphaImageLoader 设置 src 属性。

二。动态性的 ASP.NET 中关于图像的类大家一定了解。包括JAVA的也一样。

Graphics类：封装一个 GDI+ 绘图图面。无法继承此类。

Bitmap 类：封装 GDI+ 位图，此位图由图形图像及其属性的像素数据组成。Bitmap 是用于处理由像素数据定义的图像的对象。

位图由图形图像及其属性的像素数据组成。可使用许多标准格式将位图保存到文件中。GDI+ 支持下列文件格式：BMP、GIF、EXIG、JPG、PNG 和 TIFF。有关支持的格式的更多信息，请参见位图类型。

可以使用 Bitmap 构造函数中的一种来从文件、流和其他源创建图像，然后使用 Save 方法将这些图像保存到流或文件系统中。使用 Graphics 对象的 DrawImage 方法，将图像绘制到屏幕上或内存中。有关使用图像文件的主题的列表，请参见使用图像、位图、图标和图元文件。

</>code
using System.Drawing;
using System.IO;
using System.Drawing.Imaging;
        private void AddTextToImg(string fileName,string text)
        {
            if(!File.Exists(MapPath(fileName)))
            {
                throw new FileNotFoundException("The file don't exist!");
            }
            
            if( text == string.Empty )
            {
                return;
            }
            //还需要判断文件类型是否为图像类型，这里就不赘述了
            System.Drawing.Image image = System.Drawing.Image.FromFile(MapPath(fileName));
            Bitmap bitmap = new Bitmap(image,image.Width,image.Height);
            Graphics g = Graphics.FromImage(bitmap);
            float fontSize = 12.0f;             //字体大小
            float textWidth = text.Length*fontSize;  //文本的长度
            //下面定义一个矩形区域，以后在这个矩形里画上白底黑字
            float rectX = 0;        
            float rectY = 0;
            float rectWidth = text.Length*(fontSize+8);
            float rectHeight = fontSize+8;
            //声明矩形域
            RectangleF textArea = new RectangleF(rectX,rectY,rectWidth,rectHeight);
            Font font = new Font("宋体",fontSize);   //定义字体
            Brush whiteBrush = new SolidBrush(Color.White);   //白笔刷，画文字用
            Brush blackBrush = new SolidBrush(Color.Black);   //黑笔刷，画背景用
            g.FillRectangle(blackBrush,rectX,rectY,rectWidth,rectHeight);            
            g.DrawString(text,font,whiteBrush,textArea);
            MemoryStream ms = new MemoryStream( );
            //保存为Jpg类型
            bitmap.Save(ms,ImageFormat.Jpeg);
            //输出处理后的图像，这里为了演示方便，我将图片显示在页面中了
            Response.Clear();
            Response.ContentType = "image/jpeg";
            Response.BinaryWrite( ms.ToArray() );
            g.Dispose();
            bitmap.Dispose();
            image.Dispose();
        }

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (539人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：Asp.net中TextBox的MaxLength无效问题
下一篇：VS2010不能引用System.Data.OracleClient解决方法

大家感兴趣的内容

非动态的方法：图片上添加文字

</>code

</>code

</>code

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询