Imagenes Cap 4

Textos Universitarios / Serie Docencia
________________________________________________________________________
Captulo 4
Pinceles y Plumas
En el captulo anterior vimos que para dibujar una figura, ya sea lnea, rectngulo o
trazo, es necesario el uso de una pluma (pen) y que para poder rellenar el interior de ellas
era necesario el uso de un pincel (brush). En este captulo estudiaremos en detalle como
crear y usar varios tipos de pinceles y plumas.
4.1 Uso de pinceles en GDI+

En la biblioteca del Framework.NET hay dos espacios de nombres donde encontramos
definida la funcionalidad para trabajar con pinceles: el espacio de nombres
System.Drawing que define clases y funcionalidad de pinceles genricos y el espacio de
nombres System.Drawing.Drawing2D que define funcionalidad avanzada en 2D para
los pinceles. En el espacio de nombres System.Drawing encontramos las clases Brush,
SolidBrush, TextureBrush y Brushes y en el espacio de nombres
System.Drawing.Drawing2D encontramos las clases HatchBrush, GradientBrush y
PathGradientBrush que son mas elaboradas.
4.1.1 Clase Brush15

Requisitos
Espacio de nombres: System.Drawing.Brush
Las clases derivadas de esta clase base abstracta definen objetos utilizados para rellenar
el interior de formas grficas, como rectngulos, elipses, grficos circulares, polgonos y
rutas o trazos.
Figura 4.1. Clases heredadas de la clase Brush

15
http://msdn2.microsoft.com/en-us/library/system.drawing.brush(VS.80).aspx
Junio 3 de 2006
135
Jenaro C. Paz
________________________________________________________________________
4.1.1.1 Mtodos pblicos

Clone
CreateObjRef (se hereda de
MarshalByRefObject)
Dispose .
Equals (se hereda de Object)
GetHashCode (se hereda de Object)
GetLifetimeService (se hereda de

MarshalByRefObject)
GetType (se hereda de Object)
InitializeLifetimeService (se hereda de
MarshalByRefObject)
ToString (se hereda de Object)
Cuando se anula en una clase derivada, crea

una copia exacta de este objeto Brush.
Crea un objeto que contiene toda la
informacin relevante necesaria para
generar un proxy utilizado para comunicarse
con un objeto remoto.
Sobrecargado.
Sobrecargado. Determina si dos instancias
de Object son iguales.
Sirve como funcin hash para un tipo
concreto, apropiado para su utilizacin en
algoritmos de hash y estructuras de datos
como las tablas hash.
Recupera el objeto de servicio de duracin
actual que controla la directiva de duracin
de esta instancia.
Obtiene el objeto Type de la instancia
actual.
Obtiene un objeto de servicio de duracin
para controlar la directiva de duracin de
esta instancia.
Devuelve un objeto String que representa al
objeto Object actual.
4.1.1.2 Mtodos protegidos

Finalize
Reemplazado. Vea Object.Finalize.
En C# y C++, los finalizadores se expresan

mediante la sintaxis del destructor.
MemberwiseClone (se hereda de Object) Crea una copia superficial del objeto Object
actual.
4.1.2 Clase SolidBrush16

Requisitos
Espacio de nombres: System.Drawing.SolidBrush
Define un pincel de un solo color. Los pinceles se utilizan para rellenar formas de
grficos, por ejemplo rectngulos, elipses, grficos circulares y rutas o trazos. No se
puede heredar esta clase.
16
http://msdn2.microsoft.com/en-us/library/system.drawing.solidbrush(VS.80).aspx
Junio 3 de 2006
136

________________________________________________________________________
4.1.2.1 Constructores pblicos

SolidBrush (Constructor)
Inicializa un nuevo objeto SolidBrush del

color especificado.
4.1.2.2 Propiedades pblicas

Color
Obtiene o establece el color de este objeto

SolidBrush.

Clone
MarshalByRefObject)
Dispose (se hereda de Brush)


MarshalByRefObject)
MarshalByRefObject)
Reemplazado. Crea una copia exacta de este

objeto SolidBrush.
Sobrecargado.
de esta instancia.
actual.
esta instancia.

Finalize (se hereda de Object)
Reemplazado. Permite que un objeto Object

intente liberar recursos y realizar otras
operaciones de limpieza antes de que el
objeto Object sea reclamado por el
recolector de elementos no utilizados.

137
Jenaro C. Paz
________________________________________________________________________
actual.
4.1.2.5 El uso de SolidBrush en una forma Web

Los listados 18b, 19b, 20b, 21b, 22b y 23b son ejemplos del uso de SolidBrush para
rellenar diferente tipo de formas. Solo para resumir incluimos el siguiente segmento de
cdigo en donde se crea una pincel redBrush de color slido y se rellena el interior de un
rectngulo haciendo uso de el.
SolidBrush redBrush = new SolidBrush(Color.Red);
Rectangle rect = new Rectangle(150, 80, 200, 140);
g.FillRectangle(redBrush, rect);
redBrush.Dispose();
4.1.3 Clase TextureBrush17

Requisitos
Espacio de nombres: System.Drawing.TextureBrush
Cada una de las propiedades de la clase TextureBrush es un objeto Brush que utiliza una
imagen para rellenar el interior de una forma. No se puede heredar esta clase.

TextureBrush (Constructor)
Sobrecargado. Inicializa un nuevo objeto

TextureBrush que utiliza la imagen
especificada.

Image
Transform
WrapMode
17
Obtiene el objeto Image asociado a este

objeto TextureBrush.
Obtiene o establece un objeto Matrix que
define una transformacin geomtrica local
para la imagen asociada a este objeto
TextureBrush.
Obtiene o establece una enumeracin
WrapMode que indica el modo de ajuste de
este objeto TextureBrush.
http://msdn2.microsoft.com/en-us/library/system.drawing.texturebrush(VS.80).aspx
Junio 3 de 2006
138

________________________________________________________________________

Clone
MarshalByRefObject)


MarshalByRefObject)
MarshalByRefObject)
MultiplyTransform
ResetTransform
RotateTransform
ScaleTransform

TranslateTransform

objeto TextureBrush.
Sobrecargado.
de esta instancia.
actual.
esta instancia.
Sobrecargado. Multiplica el objeto Matrix
que representa la transformacin geomtrica
local de este objeto TextureBrush por el
objeto Matrix especificado, en el orden
indicado.
Restablece la propiedad Transform de este
objeto TextureBrush en identidad.
Sobrecargado. Gira la transformacin
geomtrica local de este objeto
TextureBrush en la cantidad especificada.
Este mtodo antepone la rotacin a la
transformacin.
Sobrecargado. Cambia el tamao de la
transformacin geomtrica local de este
objeto TextureBrush en la cantidad
especificada. Este mtodo antepone la
matriz de escala a la transformacin.
Sobrecargado. Desplaza la transformacin
geomtrica local de este objeto
139
Jenaro C. Paz
________________________________________________________________________
TextureBrush en las dimensiones y en el
orden especificados.



actual.
4.1.3.5 El uso de TextureBrush en una forma Web

Forma PaintBrushes01.aspx
Figura 4.2. Forma Web para trabajar con Pinceles
PaintBrushes01.aspx.cs
using System;
140

________________________________________________________________________
using
using
using
using
using
using
using
using
using
System.Collections;
System.ComponentModel;
System.Data;
System.Drawing;
System.Web;
System.Web.SessionState;
System.Web.UI;
System.Web.UI.WebControls;
System.Web.UI.HtmlControls;
namespace JCPGraphics
{
/// <summary>
/// Descripcin breve de DibujaCuadro.
/// </summary>
public class PaintBrushes01 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.TextBox txtWidth;
protected System.Web.UI.WebControls.Button btnBuild;
protected System.Web.UI.WebControls.DropDownList ColorList;
protected System.Web.UI.WebControls.TextBox txtHeight;
private void Page_Load(object sender, System.EventArgs e)
{
// Put user code to initialize the page here
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.btnBuild.Click += new
System.EventHandler(this.btnBuild_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void btnBuild_Click(object sender, System.EventArgs e)
{
string recHeight = txtHeight.Text;
string recWidth = txtWidth.Text;
string theColor = ColorList.SelectedItem.Text ;
Response.Write("<img border='0'
src='ServerPaintBrushes01.aspx?valueH=" + recHeight +
"&valueW=" + recWidth + "&valueC=" + theColor + "'>"+
"");
}
}
141
Jenaro C. Paz
________________________________________________________________________
}
ServerPaintBrushes01.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
System.Drawing.Imaging;
System.Drawing.Drawing2D;
System.Drawing.Text;
System.Globalization ;
{
public class ServerPaintBrushes01 : System.Web.UI.Page
{
int w1,h1;
Color bgColor;
{
w1 = UInt16.Parse(Request.QueryString["valueW"]);
h1 = UInt16.Parse(Request.QueryString["valueH"]);
bgColor=Color.FromName(Request.QueryString["valueC"]);
// Create a Stream in memory to save the image
MemoryStream memStream
= canvasAndImage();
Response.Clear();
// Send the memory image to Browser in binary mode
memStream.WriteTo(Response.OutputStream);
}
public MemoryStream canvasAndImage()
{
// Define a Rectangle to be the BG rectangle
Rectangle bgRect = new Rectangle(0,0,w1,h1);
// The bitmap Object used to work with images defined by
// pixel data
Bitmap pixelImage = new Bitmap(w1,h1);
// 1) Will be used to build the new Graphics object
// 2) Whatever you do with the Graphics object you afect
// the image object!
Graphics g = Graphics.FromImage(pixelImage);
// +++++++++++++++Begins section related with this Server
142

________________________________________________________________________
//
Bitmap bitmap = new Bitmap(Server.MapPath("Textura.png"));
TextureBrush tbrush = new TextureBrush(bitmap);
g.FillRectangle(tbrush,bgRect);
g.FillRectangle(new SolidBrush(Color.FromArgb(180, bgColor)),
bgRect);
Pen colorPen = new Pen(bgColor,8);
g.DrawRectangle(colorPen,bgRect);
// +++++++++++++++Ends section related with this Server
MemoryStream aStream = new MemoryStream();
pixelImage.Save(aStream,ImageFormat.Png);
// Bmp, Jpeg, Png, Gif
return aStream;
}
Web Form Designer generated code
}
}
Figura 4.3. Pintando un lienzo con Pinceles de Textura y Slidos
4.1.4 Clase HatchBrush18

Requisitos
Espacio de nombres: System.Drawing.Drawing2D.HatchBrush
18
http://msdn2.microsoft.com/en-us/library/system.drawing.drawing2d.hatchbrush(VS.80).aspx
Junio 3 de 2006
143
Jenaro C. Paz
________________________________________________________________________
Define un pincel rectangular con un estilo de trama, un color de primer plano y un color
de fondo. No se puede heredar esta clase.

HatchBrush (Constructor)
Sobrecargado. Inicializa una nueva instancia

de la clase HatchBrush con la enumeracin
HatchStyle y el color de primer plano
especificados.

BackgroundColor
ForegroundColor
HatchStyle
Obtiene el color de los espacios entre las

lneas de trama dibujadas por este objeto
HatchBrush.
Obtiene el color de las lneas de trama
dibujadas por este objeto HatchBrush.
Obtiene el estilo de trama de este objeto
HatchBrush.
4.1.4 3 Mtodos pblicos

Clone
MarshalByRefObject)


MarshalByRefObject)
MarshalByRefObject)
144

objeto HatchBrush.
Sobrecargado.
de esta instancia.
actual.
esta instancia.

________________________________________________________________________
4.1.4 4 Mtodos protegidos



actual.
4.1.4.5 El uso de HatchBrush en una forma Web

{
src='ServerPaintBrushes02.aspx?valueH=" +
recHeight + "&valueW=" + recWidth +
"&valueC=" + theColor + "'>"+ "");
}
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
{
145
Jenaro C. Paz
________________________________________________________________________
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
// Fill the interior of the bg rectangle
g.FillRectangle(new SolidBrush(bgColor), bgRect);
//
HatchBrush hbrush = new HatchBrush(HatchStyle.DiagonalBrick,
Color.Green, Color.FromArgb(200, Color.Yellow));
g.FillEllipse(hbrush,bgRect.X+10,bgRect.Y+10,
bgRect.Width-20,bgRect.Height-20);
return aStream;
}
}
}
Estilos para pinceles HatchBrush

BackwardDiagonal
DarkVertical
DiagonalBrick
ForwardDiagonal
LargeGrid
Max
Percent05
146
Cross
DashedDownwardDiagonal
DiagonalCross
Horizontal
LightDownwardDiagonal
Min
Percent10
DarkDownwardDiagonal
DashedHorizontal
Divot
HorizontalBrick
LightHorizontal
NarrowHorizontal
Percent20
DarkHorizontal
DashedUpwardDiagonal
DottedDiamond
LargeCheckerBoard
LightUpwardDiagonal
NarrowVertical
Percent25
DarkUpwardDiagonal
DashedVertical
DottedGrid
LargeConfetti
LightVertical
OutlinedDiamond
Percent30

________________________________________________________________________
Percent40
Percent80
SmallConfetti
Vertical
ZigZag
Percent50
Percent90
SmallGrid
Wave
Percent60
Plaid
SolidDiamond
Weave
Percent70
Shingle
Sphere
WideDownwardDiagonal
Percent75
SmallCheckerBoard
Trellis
WideUpwardDiagonal
Figura 4.4. Pinceles HatchBrush con estilos ForwardDiagonal, DiagonalBrick y Wave
4.1.5 Clase LinearGradientBrush19

Requisitos
Espacio de nombres: System.Drawing.Drawing2D.LinearGradientBrush
Encapsula un objeto Brush con un degradado lineal. No se puede heredar esta clase.

LinearGradientBrush (Constructor)

de la clase LinearGradientBrush con los
puntos y colores especificados.
19
http://msdn2.microsoft.com/en-us/library/system.drawing.drawing2d.lineargradientbrush(VS.80).aspx
Junio 3 de 2006
147
Jenaro C. Paz
________________________________________________________________________

Blend
GammaCorrection
InterpolationColors
LinearColors
Rectangle
Transform
WrapMode
Obtiene o establece un objeto Blend que

especifica las posiciones y factores que
definen una disminucin personalizada para
el degradado.
Obtiene o establece un valor que indica si se
habilit la correccin gamma para este
objeto LinearGradientBrush.
Obtiene o establece un objeto ColorBlend
que define un degradado lineal de varios
colores.
Obtiene o establece los colores inicial y
final del degradado.
Obtiene un rea rectangular que define los
puntos inicial y final del degradado.
para este objeto LinearGradientBrush.
este LinearGradientBrush.

Clone
MarshalByRefObject)


MarshalByRefObject)
MarshalByRefObject)
148

objeto LinearGradientBrush.
Sobrecargado.
de esta instancia.
actual.

________________________________________________________________________
MultiplyTransform
ResetTransform
RotateTransform
ScaleTransform
SetBlendTriangularShape
SetSigmaBellShape

TranslateTransform
esta instancia.
que representa la trasformacin geomtrica
local de este objeto LinearGradientBrush
por el objeto Matrix anteponindole el
objeto Matrix especificado.
Restablece la propiedad Transform en
identidad.
geomtrica local la cantidad especificada.
transformacin.
transformacin geomtrica local en las
cantidades especificadas. Este mtodo
antepone la matriz de escala a la
transformacin.
Sobrecargado. Crea un degradado lineal con
un color central y una disminucin lineal
hacia un nico color en ambos extremos.
Sobrecargado. Crea una disminucin de
degradado basada en una curva en forma de
campana.
Sobrecargado. Convierte la transformacin
geomtrica local en las dimensiones
especificadas. Este mtodo antepone la
conversin a la transformacin.



actual.
4.1.5.5 El uso de LinearGradientBrush en una forma Web

149
Jenaro C. Paz
________________________________________________________________________
{
}
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
{
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
150

________________________________________________________________________
{
// pixel data
//
Rectangle rect = new Rectangle(bgRect.X+10,
bgRect.Y+10,bgRect.Width-20,bgRect.Height-20);
LinearGradientBrush lbrush = new LinearGradientBrush(rect,
Color.Blue, Color.Turquoise,
LinearGradientMode.ForwardDiagonal);
g.FillEllipse(lbrush,rect);
return aStream;
}
}
}
LinearGradientMode
BackwardDiagonal
ForwardDiagonal
Horizontal
Vertical
151
Jenaro C. Paz
________________________________________________________________________
Figura 4.5. Pinceles LinearGradientBrush con estilos ForwardDiagonal, Horizontal y Vertical
4.1.6 Clase PathGradientBrush20

Requisitos
Espacio de nombres: System.Drawing.Drawing2D.PathGradientBrush
Encapsula un objeto Brush que rellena el interior de un objeto GraphicsPath con un

degradado. No se puede heredar esta clase.

PathGradientBrush (Constructor)

de la clase PathGradientBrush con el
trazado especificado.

Blend
CenterColor
20
Obtiene o establece un objeto Blend que

especifica las posiciones y factores que
definen una disminucin personalizada para
el degradado.
Obtiene o establece el color en el centro del
trazado del degradado.
http://msdn2.microsoft.com/en-us/library/system.drawing.drawing2d.pathgradientbrush(VS.80).aspx
Junio 3 ,de 2006
152

________________________________________________________________________
CenterPoint
FocusScales
InterpolationColors
Rectangle
SurroundColors
Transform
WrapMode
Obtiene o establece el punto central del

trazado del degradado.
Obtiene o establece el punto de foco para la
disminucin del degradado.
Obtiene o establece un objeto ColorBlend
que define un degradado lineal de varios
colores.
Obtiene un rectngulo delimitador para este
objeto PathGradientBrush.
Obtiene o establece una matriz de colores
que corresponde a los puntos del trazado
que rellena este objeto
PathGradientBrush.
para este objeto PathGradientBrush.
este objeto PathGradientBrush.

Clone
MarshalByRefObject)


MarshalByRefObject)
MarshalByRefObject)
MultiplyTransform

objeto PathGradientBrush.
Sobrecargado.
de esta instancia.
actual.
esta instancia.
153
Jenaro C. Paz
________________________________________________________________________
ResetTransform
RotateTransform
ScaleTransform
SetBlendTriangularShape
SetSigmaBellShape

TranslateTransform
que representa la trasformacin geomtrica

local de este objeto PathGradientBrush
por el objeto Matrix especificado,
anteponindole el objeto Matrix
especificado.
Restablece la propiedad Transform en
identidad.
Sobrecargado. Aplica a la transformacin
geomtrica local un giro del ngulo
especificado y en el sentido de las agujas del
reloj.
transformacin geomtrica local en las
cantidades especificadas. Este mtodo
transformacin.
Sobrecargado. Crea un degradado con un
color central y una disminucin lineal hacia
un color que lo rodea.
Sobrecargado. Crea una disminucin de
degradado entre el color central y el primer
color que lo rodea basndose en una curva
en forma de campana.
Sobrecargado. Aplica la conversin
especificada a la transformacin geomtrica
local. Este mtodo antepone la conversin a
la transformacin.



actual.
154

________________________________________________________________________
4.1.6.5 El uso de PathGradientBrush en una forma Web

{
}
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
{
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
155
Jenaro C. Paz
________________________________________________________________________
{
// pixel data
//
GraphicsPath path = new GraphicsPath(new Point[] {
new Point(140, 30),
new Point(235, 70),
new Point(105, 95),
new Point(170, 200),
new Point(50, 220),
new Point(20, 50),
}, new byte[] {
(byte)PathPointType.Start,
(byte)PathPointType.Bezier,
(byte)PathPointType.Line,
});
/* Segundo ejemplo
new Point(195, 30),
new Point(217, 99),
new Point(290, 99),
new Point(100, 99),
new Point(173, 99),
new Point(195, 30)
}, new byte[] {
(byte)PathPointType.Line
});
156

________________________________________________________________________
*/
PathGradientBrush pgbrush = new PathGradientBrush(path);
pgbrush.CenterColor = Color.FromArgb(255, 255, 0, 0);
Color[] colors = {Color.FromArgb(255, 255, 155, 0)};
pgbrush.SurroundColors= colors;
g.FillPath(pgbrush, path);
return aStream;
}
}
}
Figura 4.6. Pinceles PathGradientBrush
157
Jenaro C. Paz
________________________________________________________________________
Otra aplicacin:
PaintWithBrushes.aspx.cs
{
src='ServerPaintWithBrushes.aspx?valueH=" + recHeight +
"&valueW=" + recWidth + "'>");
Response.Write("Draw a
Image!");
}
ServerPaintWithBrushes.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
Summary description for rectServer.
</summary>
public class ServerPaintWithBrushes : System.Web.UI.Page

{
int w1,h1;
Color bgColor=Color.LightGray;
{
= canvasAndImage();
Response.Clear();
}
158

________________________________________________________________________
{
// pixel data
//
// Select a pen
Pen bluePen = new Pen(Color.Blue,3);
// Load an Image from root Folder
Bitmap backgroundImage =
new Bitmap (Server.MapPath("colorbars.jpg"));
Brush backgroundBrush = new TextureBrush(backgroundImage);
g.SmoothingMode = SmoothingMode.AntiAlias;
g.FillRectangle(backgroundBrush, bgRect);
g.FillRectangle(new SolidBrush(Color.FromArgb(180,
Color.White)), bgRect);
//Add a Violet rectangle and a Beige one that overlaps it
g.FillRectangle(new SolidBrush(Color.Violet),
20, 20, 60, 50);
g.FillRectangle(new SolidBrush(Color.FromArgb(180,
Color.Yellow)), 40, 40, 50, 60);
//Add an ellipse that is filled with a translucent hatch
HatchBrush hb = new HatchBrush(HatchStyle.Cross,
Color.Chocolate, Color.FromArgb(100, Color.Yellow));
g.FillEllipse(hb, 180, 20, 160, 80);
//Now create a rectangle filled with a gradient brush
Rectangle r = new Rectangle(260, 120, 100, 100);
LinearGradientBrush lb = new LinearGradientBrush(r,
Color.Green, Color.Turquoise,
g.FillRectangle(lb, r);
//Now add a shape drawn with a path gradient brush
new Point(80, 140),
new Point(50, 290),
new Point(20, 130),
},
new byte[] {
159
Jenaro C. Paz
________________________________________________________________________
}
);
PathGradientBrush pgb = new PathGradientBrush(path);
pgb.SurroundColors = new Color[] {
Color.Green,
Color.Yellow,
Color.Red,
Color.Blue,
Color.Orange,
Color.Violet,
};
g.FillPath(pgb, path);
//Now add a simple rectangle that has been rotated
g.RotateTransform(-35);
g.FillRectangle(new SolidBrush(Color.Blue),
40, 360, 65, 85);
g.ResetTransform();
g.DrawRectangle(bluePen,bgRect);
//
return aStream;
}
}
}
160

________________________________________________________________________
Figura 4.7. Pinceles SolidBrush, TextureBrush, LinearGradientBrush y PathGradientBrush
4.2 Uso de plumas en GDI+

Las plumas son otro objeto importante en GDI+. Como mencionamos anteriormente, se
usan para dibujar lneas y curvas y el contorno de figuras graficas. Una pluma dibuja
lneas y curvas con un ancho especfico y cierto estilo. El objeto Pen provee miembros
para establecer el ancho y estilo de una pluma. Las plumas pueden ser de varios tipos de
lneas continuas o punteadas y de diferente estilo en la manera de rellenar. El proceso de
dibujar una lnea crea una region en la forma de una lnea ensanchada y esa region es
rellenada con un pincel. Las lneas punteadas se representan por estilos dash. Los estilos
para rellenar pueden ser slidos o texturas dependiendo del pincel que se usa para crear la
pluma.
En esta seccin veremos como crear plumas en GDI+; las clases Pen y Pens y como crear
estilos dash, cap y de lnea para las plumas.
La clase Pen representa una pluma en GDI+. Usando el constructor de la clase Pen, se
puede crear un objeto de un objeto Brush o Color especificando el ancho de la pluma.
4.2.1 Clase Pens21

Requisitos
Espacio de nombres: System.Drawing.Pens
Plumas de todos los colores estndar. No se puede heredar esta clase.
21
http://msdn2.microsoft.com/en-us/library/system.drawing.pens(VS.80).aspx
Junio 3 de 2006
161
Jenaro C. Paz
________________________________________________________________________
4.2.1.1 Propiedades pblicas (
Obtiene Pen definido por el sistema con un
ancho de 1.)
AliceBlue
AntiqueWhite
Aqua
Aquamarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
Cyan
DarkBlue
DarkCyan
DarkGoldenrod
DarkGray
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
DarkOrange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBlue
DimGray
DodgerBlue
Firebrick
FloralWhite
ForestGreen
Fuchsia
Gainsboro
GhostWhite
Gold
Goldenrod
Gray
Green
GreenYellow
Honeydew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenrodYellow
LightGray
LightGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Magenta
Maroon
MediumAquamarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenrod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
Red
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
SkyBlue
SlateBlue
SlateGray
Snow
SpringGreen
SteelBlue
Tan
Teal
Thistle
Tomato
Transparent
Turquoise
Violet
Wheat
White
WhiteSmoke
Yellow
YellowGreen
La clase Pens como se muestra en la Tabla anterior, tiene propiedades estticas para
todos los colores estndar, que regresan objetos Pen de color. Las siguientes instrucciones
crean tres objetos Pen usando la clase Pens.
Pen myPen1 = Pens.LightGreen;
Pen myPen2 = Pens.Yellow;
Pen myPen3 = Pens.Lavender;
162

________________________________________________________________________
4.2.2 Clase Pen22

Requisitos
Espacio de nombres: System.Drawing.Pen
Define un objeto para dibujar lneas y curvas. No se puede heredar esta clase.

Pen (Constructor)

de la clase Pen con el color especificado.

Alignment
Brush
Color
CompoundArray
CustomEndCap
CustomStartCap
DashCap
DashOffset
DashPattern
DashStyle
Obtiene o establece la alineacin para este

objeto Pen.
Obtiene o establece el objeto Brush que
determina los atributos de este objeto Pen.
Obtiene o establece el color de este objeto
Pen.
Obtiene o establece una matriz de valores
que especifica un lpiz compuesto. Un lpiz
compuesto dibuja una lnea compuesta
formada por lneas y espacios paralelos.
Obtiene o establece un extremo
personalizado que se utiliza al final de las
lneas dibujadas con este objeto Pen.
Obtiene o establece un extremo
personalizado que se usa en el comienzo de
las lneas dibujadas con este objeto Pen.
Obtiene o establece el estilo del extremo
que se utiliza al final de los guiones que
forman las lneas discontinuas dibujadas con
este objeto Pen.
Obtiene o establece la distancia desde el
comienzo de una lnea hasta el comienzo de
un modelo de guiones.
Obtiene o establece una matriz de guiones y
espacios personalizados.
Obtiene o establece el estilo de las lneas
discontinuas dibujadas con este objeto Pen.
22
http://msdn2.microsoft.com/en-us/library/system.drawing.pen(VS.80).aspx
Junio 3 de 2006
163
Jenaro C. Paz
________________________________________________________________________
EndCap
LineJoin
MiterLimit
PenType
StartCap
Transform
Width
Obtiene o establece el estilo de cierre que se

utiliza al final de las lneas dibujadas con
este objeto Pen.
Obtiene o establece el estilo de combinacin
de los extremos de dos lneas consecutivas
dibujadas con este objeto Pen.
Obtiene o establece el lmite del grosor de la
combinacin en una esquina en ngulo.
Obtiene el estilo de las lneas dibujadas con
un objeto Pen.
Obtiene o establece el estilo de cierre que se
utiliza al comienzo de las lneas dibujadas
con este objeto Pen.
Obtiene o establece la transformacin
geomtrica para este objeto Pen.
Obtiene o establece el ancho de este objeto
Pen.

Clone
MarshalByRefObject)
Dispose

MarshalByRefObject)
MarshalByRefObject)
MultiplyTransform
164
Crea una copia exacta de este objeto Pen.

Libera todos los recursos utilizados por este
objeto Pen.
de esta instancia.
actual.
esta instancia.
Sobrecargado. Multiplica la matriz de
transformacin de este objeto Pen por la
Matrix especificada.

________________________________________________________________________
ResetTransform
RotateTransform
ScaleTransform
SetLineCap
ToString (se hereda de Object) .

TranslateTransform
Restablece la matriz de transformacin

geomtrica de este objeto Pen en identidad.
geomtrica local el ngulo especificado.
transformacin.
transformacin geomtrica local en los
factores especificados. Este mtodo
transformacin.
Establece los valores que determinan el
estilo de cierre que se utiliza para finalizar
las lneas dibujadas con este objeto Pen.
Sobrecargado. Convierte la transformacin
geomtrica local en las dimensiones
especificadas. Este mtodo antepone la
conversin a la transformacin.

Reemplazado. Vea Object.Finalize.
Finalize

actual.
4.2.2.5
El uso de diferente tipo de plumas en una forma Web
PaintPen01.aspx.cs

{
src='ServerPaintPen01.aspx?valueH=" + recHeight +
"");
165
Jenaro C. Paz
________________________________________________________________________
}
ServerPaintPen01.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
{
public class ServerPaintPen01 : System.Web.UI.Page
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
//
166

________________________________________________________________________
SolidBrush blueBrush = new SolidBrush(Color.Blue);
HatchBrush hatchBrush =
new HatchBrush(HatchStyle.DashedVertical,
Color.Yellow, Color.Green);
// Create a pen from a solid brush with
// width 7
Pen pn1 = new Pen( blueBrush, 7);
// Create a pen from a hatch brush
Pen pn2 = new Pen(hatchBrush, 8);
// Create a pen from a Color structure
Pen pn3 = new Pen(Color.Red,5);
// Draw a line, ellipse, and rectangle
g.DrawLine(pn1, new Point(40, 40),
new Point(220, 220));
g.DrawEllipse(pn2, 20, 50, 160, 100);
g.DrawRectangle(pn3, 40, 90, 180, 100);
return aStream;
}
}
}
Figura 4.8. Plumas slidas y HatchBrush
PaintPen02.aspx.cs
167
Jenaro C. Paz
________________________________________________________________________

{
src='ServerPaintPen02.aspx?valueH=" + recHeight +
"");
}
ServerPaintPen02.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
{
public class ServerPaintPen02 : System.Web.UI.Page
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
168

________________________________________________________________________
// pixel data
Bitmap bitmap = new Bitmap(Server.MapPath("Textura.png"));
TextureBrush tbrush = new TextureBrush(bitmap);
Pen texturedPen = new Pen(tbrush, 30);
g.DrawImage(bitmap, 0, 0, bitmap.Width, bitmap.Height);
g.DrawRectangle(texturedPen, 30, 100, 160, 100);
return aStream;
}
}
}
Figura 4.9. Uso de pluma generado con un pincel TextureBrush
4.3 Transformaciones de grficos donde intervienen Plumas
169
Jenaro C. Paz
________________________________________________________________________
Una transformacin es el proceso de cambiar objetos grficos de un estado a otro.
Rotacin, escalamiento, reflexin, translacin y recorte son ejemplos de
transformaciones.
Vimos en el capitulo 3 que la clase Graphics contiene los mtodos:
MultiplyTransform
ResetTransform
RotateTransform
ScaleTransform
TranslateTransform
Sobrecargado. Multiplica la transformacin

universal del objeto Graphics y
especificada en el objeto Matrix.
Restablece la matriz de transformacin
universal de este objeto Graphics en la
matriz de identidades.
Sobrecargado. Aplica la rotacin
especificada a la matriz de transformacin
de este objeto Graphics.
Sobrecargado. Aplica la operacin de
cambio de escala especificada a la matriz de
transformacin de este objeto Graphics,
anteponindola a esta ltima.
Sobrecargado. Antepone la conversin
de este objeto Graphics.
Los cuales permiten llevar a cabo transformaciones sobre objetos grficos que generemos
mediante plumas en un lienzo. A continuacin se presenta el cdigo que nos permite
dibujar una elipse horizontal en color rojo, luego rotarla 45 grados en el sentido de las
manecillas del reloj y volver a dibujarla en color verde, finalmente hacer una translacin
horizontal de 200 pixeles a la derecha y volver a dibujarla en color azul.
C#
Pen pen1 = new Pen(Color.Black,1);
pen1.DashStyle=DashStyle.DashDot;
Pen pen2 = new Pen(Color.Brown,1);
pen1.DashStyle=DashStyle.DashDotDot;
//Draw an Ellipse
g.DrawEllipse(new Pen(Color.Red, 3), 80, 20, 200, 80);
//Draw two lines to the Red Ellipse
g.DrawLine(pen1,0,0,80,60);
// Set world transform of graphics object to rotate 45 degrees.
g.RotateTransform(45.0F);
//Draw an Ellipse
g.DrawEllipse(new Pen(Color.Green, 3), 80, 20, 200, 80);
//Draw two lines to the Green Ellipse
// Then to translate, appending to world transform.
g.TranslateTransform(200.0F, 0.0F, MatrixOrder.Append);
// Draw rotated, translated ellipse to screen.
170

________________________________________________________________________
g.DrawEllipse(new Pen(Color.Blue, 3), 80, 20, 200, 80);
Figura 4.10. Rotacin y Translacin de una Elipse horizontal
Obsrvese en la figura anterior, como con la rotacin de 45 grados el punto 1 pasa a ser
el punto 2 y con la translacin de 200 pixeles hacia la derecha el punto 2 pasa a ser el
punto 3.
Como veremos en el Capitulo 9 en donde explicaremos el tema de Transformaciones y
Matrices, cualquier punto (x,y) de la Elipse original se transforma en otro (x,y) de la
Elipse transformada bajo la relacin mostrada a continuacin:
[x'
& cos(45) sen(45) 0#

y ' 1]= $$' sen(45) cos(45) 0!![x
$% 200
0
1!"
y 1]
Por lo tanto:
x = .7071x - .7071y + 200
y = .7071x + .7071y
Adems de estas transformaciones que podemos realizar al objeto grafico existen otras
que podemos efectuar a un objeto pluma, ya que tambin la clase Pen provee mtodos
para transformar y rotar. El mtodo RotateTransform rota una transformacin un cierto
ngulo de tipo float y como segundo parmetro MatrixOrder que siendo optativo provee
un orden para operaciones de transformacin con matrices. Los valores para dicha
enumeracin son: Append y Prepend. El orden en las matrices es el orden en el cual una
matriz se multiplica por otras.
La diferencia entre Append y Prepend es el orden en la operacin. Por ejemplo, si dos
operaciones estn participando en un proceso, la segunda operacin se llevara a cabo
despus de la primera cuando el orden en las matrices es Append; cuando el orden es
Prepend, la segunda operacin se llevar a cabo primero.
171
Jenaro C. Paz
________________________________________________________________________
El mtodo MultiplyTransform multiplica una matriz de transformacin por una pluma.
Su primer argumento es un objeto Matrix y el segundo argumento opcional es el orden de
la operacin.
El mtodo TranslateTransform de la clase Pen traslada una transformacin por una
dimensin especfica. Este mtodo toma dos valores de tipo float para la translacin en x
e y, luego un tercer parmetro opcional del tipo MatrixOrder.
A continuacin se muestra el cdigo de un ejemplo que hace uso de Transformaciones
sobre la pluma.
TransPens01.aspx.cs
{
src='ServerTransPens01.aspx?valueH=" + recHeight +
"&valueW=" + recWidth +
}
ServerTransPens01.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
172
JCPGraphics
<summary>
</summary>

________________________________________________________________________
public class ServerTransPens01 : System.Web.UI.Page
{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
//
// Create a Pen object
Pen Pen1 = new Pen(Color.Violet, 5);
Pen Pen2 = new Pen(Color.YellowGreen, 5);
// Apply rotate and scale transformations
Pen1.ScaleTransform(4, 1);
Pen2.ScaleTransform(4, 1);
g.DrawEllipse(Pen1, 20, 20, 100, 50);
g.DrawRectangle(Pen2, 20, 120, 100, 50);
Pen1.RotateTransform(45, MatrixOrder.Append);
// Dispose of objects
Pen1.Dispose();
Pen2.Dispose();
g.Dispose();
173
Jenaro C. Paz
________________________________________________________________________
return aStream;
}
}
}
Figura 4.11. Rotacin de plumas para generar imgenes
El siguiente ejemplo hace uso de transformaciones de grficos haciendo uso de los

mtodos de la clase Graphics y en una segunda versin se muestra la forma en que se
puede utilizar la matriz de rotacin para llevar a cabo una transformacin para generar los
ptalos de la flor.
DoFlower.aspx.cs
private void btnGenerar_Click(object sender, System.EventArgs e)
{
src='ServerDoFlowerPath.aspx?valueH=" + recHeight +
Response.Write("Making an Image with Path
and Transform!");
174

________________________________________________________________________
}
ServerDoFlowerPath.aspx
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerDoFlowerPath : System.Web.UI.Page

{
int w1,h1;
Color bgColor=Color.BlanchedAlmond;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
/* First Method
int cx=w1;
175
Jenaro C. Paz
________________________________________________________________________
int cy=h1;
g.DrawBezier(new Pen(Color.Green,10),
new Point(cx,cy),
new Point(cx,3*cy/4),
new Point(3*cx/4,cy/4),
new Point(cx/2,cy/2));
float fScale = Math.Min(cx,cy)/2000f;
g.TranslateTransform(cx/2,cy/2);
g.ScaleTransform(fScale,fScale);
GraphicsPath path = new GraphicsPath();
path.AddBezier(new Point(0,0),
new Point(150,150),
new Point(450,150),
new Point(600,0));
new Point(450,-150),
new Point(0,0));
for(int i=0; i < 8; i++)
{
g.FillPath(Brushes.Yellow,path);
g.DrawPath(Pens.Black,path);
g.RotateTransform(360/8);
}
Rectangle rect = new Rectangle(-150, -150, 300, 300);
g.FillEllipse(Brushes.Orange,rect);
g.DrawEllipse(Pens.Black,rect);
*/
//Second Method
int cx=w1;
int cy=h1;
g.DrawBezier(new Pen(Color.Green,10),
new Point(cx,cy),
new Point(cx,3*cy/4),
new Point(3*cx/4,cy/4),
new Point(cx/2,cy/2));
new Point(150,150),
new Point(450,150),
new Point(600,0));
new Point(0,0));
//---------------[using Matrix]-------------------\\
Matrix m = new Matrix(); //This is the Diagonal
m.Rotate(45);
for(int i=0; i < 8; i++)
{
path.Transform(m);
}
176

________________________________________________________________________
//---------------[/using Matrix]------------------\\
Rectangle rect = new Rectangle(-150, -150, 300, 300);
g.FillEllipse(Brushes.Orange,rect);
g.DrawEllipse(Pens.Black,rect);
return aStream;
}
}
}
Figura 4.12. Trayectorias Bezier y rotaciones para generar imgenes
177
Jenaro C. Paz
________________________________________________________________________
En este otro ejemplo se hace uso tambin de transformaciones de grficos mostrando
tambin la forma en que se puede utilizar la matriz de rotacin para llevar a cabo la
transformacin grafica de los cuadrilteros de la estrella.
DoStar.aspx.cs
private void btnGenerar_Click(object sender, System.EventArgs e)
{
src='ServerDoStarPath.aspx?valueH=" + recHeight +
Response.Write("Making an Image with Path
and Transform!");
}
ServerDoStarPath.aspx
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerDoStarPath : System.Web.UI.Page

{
int w1,h1;
Color bgColor=Color.BlanchedAlmond;
{
= canvasAndImage();
Response.Clear();
}
178

________________________________________________________________________
{
// pixel data
int cx=w1;
int cy=h1;
double L=500.0f;
double M=184.0f;
double ang = 54.0f*Math.PI/180.0f;
float cosang =(float)Math.Cos(ang);
float sinang =(float)Math.Sin(ang);
float Msinang = (float)M*sinang;
float Mcosang = (float)M*cosang;
float Mf=(float)M;
float Lf =(float)L;
path.AddLine(0.0f,0.0f,-Mcosang, -Msinang);
path.AddLine(-Mcosang, -Msinang,0.0f,-Lf);
path.AddLine(0.0f,-Lf,Mcosang,-Msinang);
path.AddLine(Mcosang,-Msinang,0.0f,0.0f);
//---------------[using Matrix]-------------------\\
Matrix m = new Matrix(); //This is the Diagonal
m.Rotate(72);
for(int i=0; i < 5; i++)
{
path.Transform(m);
}
//---------------[/using Matrix]-------------------\\
return aStream;
}
}
}
179
Jenaro C. Paz
________________________________________________________________________
Figura 4.13. Dibujo de cuadrilteros y Rotaciones

Para generar la estrella
4.4
Transformaciones de grficos donde intervienen Pinceles
Las clases TextureBrush, LinearGradientBrush y PathGradientBrush representadas en la

Tabla siguiente por X_Brush contienen como ya vimos los siguientes mtodos de
transformacin que aunque no se utilizan muy a menudo pueden servir para algn fin
prctico
MultiplyTransform
ResetTransform
RotateTransform
ScaleTransform
180

que representa la transformacin geomtrica
local de este objeto X_Brush por el objeto
Matrix especificado, en el orden indicado
Restablece la propiedad Transform de este
objeto X_Brush en identidad.
Sobrecargado. Aplica la rotacin
de este objeto X_Brush.
transformacin geomtrica local de este
objeto X_Brush en la cantidad especificada.
Este mtodo antepone la matriz de escala a
la transformacin.

________________________________________________________________________
TranslateTransform
Sobrecargado. Desplaza la transformacin

geomtrica local de este objeto X_Brush en
las dimensiones y en el orden especificados.
En las siguientes secciones presentamos algunas aplicaciones donde se utilizan

transformaciones al objeto Graphics as como a los diferentes pinceles con que se dibuja.
4.4.1 Transformaciones para TextureBrush

TextureBTrans.aspx.cs
{
src='ServerTextureBTrans.aspx?valueH=" + recHeight +
}
ServerTextureBTrans.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerTextureBTrans : System.Web.UI.Page

{
int w1,h1;
181
Jenaro C. Paz
________________________________________________________________________
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
//
// Create a TextureBrush object
TextureBrush txtrBrush = new TextureBrush(
new Bitmap(Server.MapPath("flowers3.png")));
// Rotate the texture image by 90 degrees
txtrBrush.RotateTransform(90,
MatrixOrder.Prepend);
// Scale operation
txtrBrush.ScaleTransform(2, 1,
// Fill a rectangle with texture brush
g.TranslateTransform(180,0,MatrixOrder.Append);
g.FillRectangle(txtrBrush, 0, 0, 192, 332);
// Reset transformation
txtrBrush.ResetTransform();
// Fill rectangle after resetting transformation
//
g.ResetTransform();
txtrBrush.ResetTransform();
txtrBrush.RotateTransform(180,
g.TranslateTransform(0,192,MatrixOrder.Append);
txtrBrush.Dispose();
g.Dispose();
182

________________________________________________________________________
return aStream;
}
}
}
Figura 4.14. Transformaciones para TextureBrush
4.4.2 Transformaciones para LinearGradientBrush

LinearGradBTrans.aspx.cs
{
src='ServerLinearGradTrans.aspx?valueH=" + recHeight +
183
Jenaro C. Paz
________________________________________________________________________
}
ServerLinearGradTrans.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerLinearGradBTrans : System.Web.UI.Page

{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
184

________________________________________________________________________
//
// Create a LinearGradientBrush object
LinearGradientBrush lgBrush =
new LinearGradientBrush(
rect, Color.Red, Color.Orange,0.0f,true);
Matrix M = new Matrix(.7071f,.7071f,.7071f,.7071f,0.0f,0.0f);
// Multiply transformation
lgBrush.MultiplyTransform(M, MatrixOrder.Prepend);
// Draw a rectangle after transformation
g.FillRectangle(lgBrush, 0,0,200,200);
// Reset transformation
lgBrush.ResetTransform();
// Draw a rectangle after reset transformation
g.FillRectangle(lgBrush, 200, 0, 200, 200);
//Draw a white line to separate
g.DrawLine(Pens.White,new Point(200,0),new Point(200,200));
lgBrush.Dispose();
g.Dispose();
return aStream;
}
}
}
185
Jenaro C. Paz
________________________________________________________________________
Figura 4.15. Transformaciones para LinearGradientBrush
Enseguida se muestra el cdigo de una aplicacin donde las transformaciones solo se

llevan a cabo con los mtodos de la clase Graphics
LinearGradBrushes.aspx.cs
{
src='ServerLGBrushes.aspx?valueH=" + recHeight +
}
ServerLGBrushes.aspx.cs
using
using
using
using
using
using
using
using
186
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;

________________________________________________________________________
using
using
using
using
using
using
using
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerLGBrushes : System.Web.UI.Page

{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
//
Rectangle rect = new Rectangle(0,0,150,100);
LinearGradientBrush lbrush = new LinearGradientBrush(rect,
Color.Wheat, Color.Orange,
g.RotateTransform(-60);
g.ScaleTransform(1,2);
g.TranslateTransform(-140,100);
g.FillRectangle(lbrush,rect);
g.ResetTransform();
g.FillRectangle(lbrush,rect);
187
Jenaro C. Paz
________________________________________________________________________
return aStream;
}
}
}
Figura 4.16. Transformaciones para el objeto Graphics

asociado con LinearGradientBrush
4.4.3 Transformaciones para PathGradientBrush

PathGradientBrushes.aspx.cs
{
src='ServerPathGradientBrushes.aspx?valueH=" +
188

________________________________________________________________________
}
ServerPathGradientBrushes.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerPathGradientBrushes : System.Web.UI.Page

{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
189
Jenaro C. Paz
________________________________________________________________________
g.FillRectangle(new SolidBrush(bgColor),
// +++++++++++++++Begins section related
/*
GraphicsPath path = new GraphicsPath(new
new Point(140, 30),
new Point(235, 70),
new Point(105, 95),
new Point(50, 220),
new Point(20, 50),
}, new byte[] {
});
*/
// Segundo ejemplo
GraphicsPath path = new GraphicsPath(new
new Point(195, 30),
new Point(217, 99),
new Point(290, 99),
new Point(100, 99),
new Point(173, 99),
new Point(195, 30)
}, new byte[] {
(byte)PathPointType.Line
});
bgRect);
with this Server
Point[] {
Point[] {
PathGradientBrush pgbrush = new PathGradientBrush(path);

pgbrush.CenterColor = Color.FromArgb(255, 255, 0, 0);
Color[] colors = {Color.FromArgb(255, 255, 155, 0)};
pgbrush.SurroundColors= colors;
g.TranslateTransform(195.0F,115.31034482758620689655172413793F);
g.RotateTransform(36);
g.TranslateTransform(40,40);
g.ScaleTransform(0.5F,0.5F);
190

________________________________________________________________________
g.ResetTransform();
return aStream;
}
}
}
Figura 4.17. Transformaciones del objeto Graphics

asociado con PathGradientBrush
PathGradBTrans.aspx.cs
private void
{
string
string
string
btnBuild_Click(object sender, System.EventArgs e)

recHeight = txtHeight.Text;
recWidth = txtWidth.Text;
theColor = ColorList.SelectedItem.Text ;
src='ServerPathGradBTrans.aspx?valueH=" + recHeight +
191
Jenaro C. Paz
________________________________________________________________________
}
ServerPathGradBTrans.aspx
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerPathGradBTrans : System.Web.UI.Page

{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
}
{
// pixel data
192

________________________________________________________________________
// Create a rectangle and add it to path
path.AddRectangle(rect);
// Create a path gradient brush
PathGradientBrush pgBrush =
new PathGradientBrush(path.PathPoints);
// Set its center and surrounding colors
pgBrush.CenterColor = Color.Yellow;
pgBrush.SurroundColors = new Color[] {Color.Red};
g.FillRectangle(pgBrush, 20, 20, 400, 400);
pgBrush.CenterColor = Color.Green;
pgBrush.SurroundColors = new Color[] {Color.Blue};
// Create matrix
Matrix M = new Matrix();
// Translate
M.Translate(150.0f, 70.0f, MatrixOrder.Prepend);
// Rotate
M.Rotate(20.0f, MatrixOrder.Prepend);
// Scale
M.Scale(1f, 2.0f, MatrixOrder.Prepend);
// Shear
M.Shear(.5f, 0.1f, MatrixOrder.Prepend);
// Apply matrix to the brush
pgBrush.MultiplyTransform(M);
// Use brush after transformation
// to fill a rectangle
g.FillRectangle(pgBrush, 20, 20, 400, 400);
pgBrush.Dispose();
g.Dispose();
return aStream;
}
}
}
193
Jenaro C. Paz
________________________________________________________________________
Figura 4.18. Transformaciones del objeto PathGradientBrush
4.5
Plumas y pinceles del Sistema
Las plumas y pinceles del sistema, se usan para dibujar y pintar usando colores del
sistema. La forma en que plumas y pinceles pueden crearse es usando la clase
SystemColors.
4.5.1 Colores del Sistema

SystemColors representa en GDI+ a los colores del sistema, proveyendo las propiedades
publicas para que usted pueda hacerlo. La manera para crear plumas de la clase
SystemPens y pinceles de la clase SystemBrushes la veremos mas adelante, despus de
presentar a esta clase.
194

________________________________________________________________________
4.5.1.1 Clase SystemColors23

Requisitos
Espacio de nombres: System.Drawing
4.5.1.1.1 Propiedades pblicas

ActiveBorder
ActiveCaption
ActiveCaptionText
AppWorkspace
Control
ControlDark
ControlDarkDark
ControlLight
ControlLightLight
ControlText
Obtiene una estructura Color que es el color

del borde de la ventana activa.
del fondo de la barra de ttulo de la ventana
activa.
del texto de la barra de ttulo de la ventana
activa.
del rea de trabajo de la aplicacin. El rea
de trabajo de la aplicacin es el rea en una
vista de varios documentos que no ocupan
dichos documentos.
de la superficie de un elemento 3D.
de la sombra de un elemento 3D. El color de
la sombra se aplica a las partes de los
elementos en tres dimensiones que se
encuentran en la zona alejada de la fuente de
luz.
de la sombra oscura de un elemento 3D. El
color de la sombra oscura se aplica a las
partes de los elementos 3D que tienen el
color ms oscuro.
claro de un elemento 3D. El color claro se
aplica a las partes de los elementos 3D
expuestos a la fuente de luz.
resaltado de un elemento 3D. El color
resaltado se aplica a las partes de los
elementos 3D que tienen el color ms claro.
23
http://msdn2.microsoft.com/en-us/library/system.drawing.systemcolors(VS.80).aspx
Junio 3 de 2006
195
Jenaro C. Paz
________________________________________________________________________
Desktop
GrayText
Highlight
HighlightText
HotTrack
InactiveBorder
InactiveCaption
InactiveCaptionText
Info
InfoText
Menu
MenuText
196
del texto de un elemento 3D.

del escritorio.
del texto atenuado. Los elementos de una
lista que no estn habilitados se muestran en
texto atenuado.
del fondo de los elementos seleccionados.
Incluye elementos de men seleccionados
adems del texto seleccionado. Por ejemplo,
la estructura Color puede ser el color
utilizado para el fondo de los elementos
seleccionados de un cuadro de lista.
del texto de los elementos seleccionados.
Por ejemplo, la estructura Color puede ser el
color utilizado para el texto de los
elementos seleccionados de un cuadro de
lista.
utilizado para determinar un elemento del
que se hace un seguimiento completo. Si se
hace un slo clic en un elemento del que se
hace un seguimiento completo, el elemento
se ejecuta.
del borde de una ventana inactiva.
del fondo de la barra de ttulo de una
ventana inactiva.
del texto de la barra de ttulo de una ventana
inactiva.
del fondo de una informacin sobre
herramientas.
del texto de una informacin sobre
herramientas.
del fondo de un men.
del texto de un men.

________________________________________________________________________
ScrollBar
Window
WindowFrame
WindowText

del fondo de una barra de desplazamiento.
del fondo del rea de cliente de una ventana.
del marco de una ventana.
del texto del rea de cliente de una ventana.
4.5.2 Plumas del Sistema

Cada una de las propiedades de la clase SystemPens es un objeto Pen que es del color de
un elemento de presentacin de Windows y es de un ancho de 1 pixel.
4.5.2.1 Clase SystemPens24

Requisitos
24
http://msdn2.microsoft.com/en-us/library/system.drawing.systempens(VS.80).aspx
Junio 3 de 2006
197
Jenaro C. Paz
________________________________________________________________________

ActiveCaptionText
Control
ControlDark
ControlDarkDark
ControlLight
ControlLightLight
ControlText
GrayText
Highlight
HighlightText
198
Obtiene un objeto Pen que es el color del

texto de la barra de ttulo de la ventana
activa.
Obtiene un objeto Pen que es el color de
superficie de un elemento 3D.
Obtiene un objeto Pen que es el color de la
sombra de un elemento 3D. El color de la
sombra se aplica a las partes de los
elementos en tres dimensiones que se
encuentran en la zona alejada de la fuente de
luz.
Obtiene un objeto Pen que es el color de la
sombra oscura de un elemento 3D. El color
de la sombra oscura se aplica a las partes de
los elementos 3D que tienen el color ms
oscuro.
Obtiene un objeto Pen que es el color claro
de un elemento 3D. El color claro se aplica
a las partes de los elementos 3D expuestos a
la fuente de luz.
Obtiene un objeto Pen que es el color
resaltado de un elemento 3D. El color
resaltado se aplica a las partes de los
elementos 3D que tienen el color ms claro.
texto de un elemento 3D.
texto atenuado. Los elementos de una lista
que no estn habilitados se muestran en
texto atenuado.
fondo de los elementos seleccionados.
el lpiz puede ser del color utilizado para el
fondo de los elementos seleccionados de un
cuadro de lista.

________________________________________________________________________
InactiveCaptionText
InfoText
MenuText
WindowFrame
WindowText
texto de los elementos seleccionados.

el lpiz puede ser del color utilizado para el
texto de los elementos seleccionados de un
cuadro de lista.
texto de la barra de ttulo de una ventana
inactiva.
texto de una informacin sobre
herramientas.
texto de un men.
marco de una ventana.
texto del rea de cliente de una ventana.
La manera de crear una pluma utilizando la clase SystemPens se proporciona en el

siguiente segmento de cdigo
C#
Pen myPen = SystemPens.FromSystemColor(SystemColors.GrayText);
4.5.3 Pinceles del Sistema

Cada una de las propiedades de la clase SystemBrushes es un objeto SolidBrush que es el
color de un elemento de presentacin de Windows.
4.5.3.1 Clase SystemBrushes25

Requisitos
4.5.3.1.1 Propiedades pblicas

ActiveBorder
ActiveCaption
Obtiene un objeto SolidBrush que es el

color del borde de la ventana activa.
25
http://msdn2.microsoft.com/en-us/library/system.drawing.systembrushes(VS.80).aspx
Junio 3 de 2006
199
Jenaro C. Paz
________________________________________________________________________
ActiveCaptionText
AppWorkspace
Control
ControlDark
ControlDarkDark
ControlLight
ControlLightLight
ControlText
Desktop
Highlight
200
color del fondo de la barra de ttulo de la

ventana activa.
color del texto de la barra de ttulo de la
ventana activa.
color del rea de trabajo de la aplicacin. El
rea de trabajo de la aplicacin es el rea en
una vista de varios documentos que no
ocupan dichos documentos.
color de la superficie de un elemento en tres
dimensiones.
color de la sombra de un elemento en tres
dimensiones. El color de la sombra se aplica
a las partes de los elementos en tres
dimensiones que se encuentran en la zona
alejada de la fuente de luz.
color de la sombra oscura de un elemento
3D. El color de la sombra oscura se aplica a
las partes de los elementos 3D que tienen el
color ms oscuro.
color claro de un elemento 3D. El color
claro se aplica a las partes de los elementos
3D expuestos a la fuente de luz.
color resaltado de un elemento en tres
dimensiones. El color resaltado se aplica a
las partes de los elementos 3D que tienen el
color ms claro.
color del texto de un elemento 3D.
color del escritorio.
color del fondo de los elementos
seleccionados. Incluye elementos de men
seleccionados adems del texto
seleccionado. Por ejemplo, el pincel puede
ser del color utilizado para el fondo de los

________________________________________________________________________
HighlightText
HotTrack
InactiveBorder
InactiveCaption
Info
Menu
ScrollBar
Window
WindowText
lista.
color del texto de los elementos
seleccionados. Incluye elementos de men
seleccionados adems del texto
seleccionado. Por ejemplo, el pincel puede
ser del color utilizado para el texto de los
lista.
color utilizado para determinar un elemento
del que se hace un seguimiento completo. Si
se hace un slo clic en un elemento del que
se hace un seguimiento completo, el
elemento se ejecuta.
color del borde de una ventana inactiva.
color del fondo de la barra de ttulo de una
ventana inactiva.
color del fondo de una informacin sobre
herramientas.
color del fondo de un men.
color del fondo de una barra de
desplazamiento.
color del fondo del rea de cliente de una
ventana.
color del texto del rea de cliente de una
ventana.
C#
SolidBrush myBrush = (SolidBrush)
SystemBrushes.FromSystemColor(SystemColors.InactiveCaption);
SystemPenPencil.aspx.cs

{
201
Jenaro C. Paz
________________________________________________________________________
src='ServerSystemPenPencil.aspx?valueH=" + recHeight +
}
ServerSystemPenPencil.aspx.cs
using
using
using
using
using
using
using
using
using
using
using
using
using
using
using
System;
System.Collections;
System.Data;
System.Drawing;
System.Web;
System.Web.UI;
System.IO;
namespace
{
///
///
///
JCPGraphics
<summary>
</summary>
public class ServerSystemPenPencil: System.Web.UI.Page

{
int w1,h1;
Color bgColor;
{
= canvasAndImage();
Response.Clear();
202

________________________________________________________________________
}
{
// pixel data
//
// Create a pen using SystemPens
Pen pn = SystemPens.FromSystemColor(SystemColors.GrayText);
// Create a brush using SystemBrushes
SolidBrush brush =
(SolidBrush)SystemBrushes.FromSystemColor
(SystemColors.InactiveCaption);
// Draw lines and rectangles
g.DrawLine(pn, 20, 20, 20, 100);
g.DrawLine(pn, 20, 20, 100, 20);
g.DrawLine(pn,20,100,100,100);
g.DrawLine(pn,100,20,100,100);
g.FillRectangle(brush, 30, 30, 60, 60);
return aStream;
}
}
}
203
Jenaro C. Paz
________________________________________________________________________
Figura 4.19. Trabajando con plumas y pinceles del Sistema
204

Imagenes Cap 4

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Imagenes Cap 4

Enviado por

Direitos autorais:

Formatos disponíveis

Textos Universitarios / Serie Docencia

4.1 Uso de pinceles en GDI+

4.1.1 Clase Brush15

Figura 4.1. Clases heredadas de la clase Brush

4.1.1.1 Mtodos pblicos

GetLifetimeService (se hereda de

Cuando se anula en una clase derivada, crea

4.1.1.2 Mtodos protegidos

Reemplazado. Vea Object.Finalize.

En C# y C++, los finalizadores se expresan

4.1.2 Clase SolidBrush16

Textos Universitarios / Serie Docencia

4.1.2.1 Constructores pblicos

Inicializa un nuevo objeto SolidBrush del

4.1.2.2 Propiedades pblicas

Obtiene o establece el color de este objeto

4.1.2.3 Mtodos pblicos

Dispose (se hereda de Brush)

GetLifetimeService (se hereda de

Reemplazado. Crea una copia exacta de este

4.1.2.4 Mtodos protegidos

Reemplazado. Permite que un objeto Object

En C# y C++, los finalizadores se expresan

4.1.2.5 El uso de SolidBrush en una forma Web

4.1.3 Clase TextureBrush17

4.1.3.1 Constructores pblicos

Sobrecargado. Inicializa un nuevo objeto

4.1.3.2 Propiedades pblicas

Obtiene el objeto Image asociado a este

Textos Universitarios / Serie Docencia

4.1.3.3 Mtodos pblicos

Dispose (se hereda de Brush)

GetLifetimeService (se hereda de

ToString (se hereda de Object)

Reemplazado. Crea una copia exacta de este

4.1.3.4 Mtodos protegidos

Reemplazado. Permite que un objeto Object

En C# y C++, los finalizadores se expresan

4.1.3.5 El uso de TextureBrush en una forma Web

Figura 4.2. Forma Web para trabajar con Pinceles

Textos Universitarios / Serie Docencia

Textos Universitarios / Serie Docencia

Figura 4.3. Pintando un lienzo con Pinceles de Textura y Slidos

4.1.4 Clase HatchBrush18

4.1.4.1 Constructores pblicos

Sobrecargado. Inicializa una nueva instancia

4.1.4.2 Propiedades pblicas

Obtiene el color de los espacios entre las

4.1.4 3 Mtodos pblicos

Dispose (se hereda de Brush)

GetLifetimeService (se hereda de

Reemplazado. Crea una copia exacta de este

Textos Universitarios / Serie Docencia

4.1.4 4 Mtodos protegidos

Reemplazado. Permite que un objeto Object

En C# y C++, los finalizadores se expresan

4.1.4.5 El uso de HatchBrush en una forma Web

Estilos para pinceles HatchBrush

Textos Universitarios / Serie Docencia

Figura 4.4. Pinceles HatchBrush con estilos ForwardDiagonal, DiagonalBrick y Wave

4.1.5 Clase LinearGradientBrush19

4.1.5.1 Constructores pblicos

Sobrecargado. Inicializa una nueva instancia

4.1.5.2 Propiedades pblicas