Trabajar con degradado en un archivo PS | Java

Agregar degradado en documento PS

En este artículo, consideramos las formas en que se puede utilizar un degradado en documentos PS.

El degradado es una transición suave de un color a otro. Se utiliza para hacer que los dibujos dibujados sean más realistas. Como el degradado es un tipo de pintura, se espera que en Java se implemente como una subclase de java.awt.Paint. En realidad, la plataforma Java tiene dos colores:

• java.awt.LinearGradientPaint
• java.awt.RadialGradientPaint

También existe java.awt.GradientPaint, pero es solo un caso particular de java.awt.LinearGradientPaint.

Para configurar la pintura o un trazo en PsDocument debemos pasar un objeto de la clase java.awt.Paint para una pintura y un objeto de java.awt.Stroke para trazar métodos respectivos. La biblioteca Aspose.Page para Java procesa todas las clases importantes implementadas java.awt.Paint que ofrece la plataforma Java. Estos son java.awt.Color, java.awt.TexturePaint, java.awt.LinearGradientPaint y java.awt.RadialGradientPaint. El color del trazo en Java se asigna por separado de las propiedades del trazo en el objeto java.awt.Stroke y se usa nuevamente java.awt.Paint. Por lo tanto, la biblioteca Aspose.Page para Java también puede utilizar un conjunto completo de implementaciones de pintura para dibujar líneas y delinear formas y texto.

Para pintar objetos gráficos con un degradado en la biblioteca Aspose.Page para Java es necesario crear java.awt.LinearGradientPaint o java.awt.RadialGradientPaint y pasarlo a setPaint( ) o uno de los métodos fillText() o fillAndStrokeText() que aceptan java.awt.Paint como parámetro.

Para delinear objetos gráficos con un degradado en la biblioteca Aspose.Page para Java, alguien debe pasar java.awt.LinearGradientPaint o java.awt.RadialGradientPaint también a setPaint() o uno de los métodos outlineText() o fillAndStrokeText() que acepta trazos de pintura como parámetro.

En el siguiente ejemplo, demostramos cómo rellenar una forma y un texto y delinear el texto con un degradado.

Un algoritmo para pintar objetos gráficos con un degradado en un nuevo documento PS incluye los siguientes pasos:

1. Cree una secuencia de salida para el archivo PS resultante.
2. Cree PsSaveOptions.
3. Cree PsDocument con el flujo de salida ya creado y guarde las opciones.
4. Cree la ruta gráfica o la fuente necesaria según el objeto que vayamos a rellenar o delinear.
5. Cree un objeto de java.awt.LinearGradientPaint o java.awt.RadialGradientPaint dependiendo de la forma deseada de un degradado.
6. Establezca la transformación necesaria en este pincel.
7. Establezca el pincel de degradado como pintura actual en PsDocument.
8. Rellene la ruta de los gráficos con la pintura actual o rellene un texto. Si utilizamos uno de los métodos para rellenar el texto que acepta java.awt.Paint como parámetro, se puede ignorar el punto anterior.
9. Cierra la página.
10. Guarde el documento.

Si necesitamos trazar (delinear) objetos gráficos con un degradado en lugar de los últimos 4 puntos, lo siguiente será:

8. Establezca el degradado como pintura actual en PsDocument.
9. Cree el objeto java.awt.Stroke.
10. Establezca este trazo como el trazo actual en PsDocument.
11. Delinee la ruta de los gráficos con el trazo actual o delinee el texto. Si utilizamos uno de los métodos para delinear el texto que acepta java.awt.Stroke como parámetro, se puede ignorar el punto anterior.
12. Cierra la página.
13. Guarde el documento.

Ofrecemos 5 fragmentos de código separados que demuestran el uso de diferentes gradientes.

En este fragmento de código creamos un degradado lineal horizontal a partir de dos colores, rellenamos un rectángulo, rellenamos un texto y delineamos un texto con este degradado.

//Create an output stream for PostScript document
FileOutputStream outPsStream = new FileOutputStream(dataDir + "HorizontalGradient_outPS.ps");
//Create save options with A4 size
PsSaveOptions options = new PsSaveOptions();

//Create new PS Document with the page opened
PsDocument document = new PsDocument(outPsStream, options, false);

//Create a rectangle
Rectangle2D.Float rectangle = new Rectangle2D.Float(200, 100, 200, 100);

//Create horizontal linear gradient paint. Scale components in the transform must be equal to width and heigh of the rectangle.
//Translation components are offsets of the rectangle.
LinearGradientPaint paint = new LinearGradientPaint(new Point2D.Float(0, 0), new Point2D.Float(200, 100),
		new float [] {0, 1}, new Color [] {new Color(0, 0, 0, 150), new Color(40, 128, 70, 50)},
		MultipleGradientPaint.CycleMethod.NO_CYCLE, MultipleGradientPaint.ColorSpaceType.SRGB,
		new AffineTransform(200, 0, 0, 100, 200, 100));

//Set paint
document.setPaint(paint);
//Fill the rectangle
document.fill(rectangle);

//Fill a text with the gradient
Font font = new Font("Arial", Font.BOLD, 96);
document.fillAndStrokeText("ABC", font, 200, 300, paint, Color.BLACK, new BasicStroke(2));

//Stroke a text with the gradient
document.outlineText("ABC", font, 200, 400, paint, new BasicStroke(5));

//Close current page
document.closePage();
//Save the document
document.save();

El resultado de ejecutar este código aparece como

En este fragmento de código creamos un degradado lineal vertical a partir de 5 colores y rellenamos un rectángulo con este degradado.

//Create an output stream for PostScript document
FileOutputStream outPsStream = new FileOutputStream(dataDir + "VerticalGradient_outPS.ps");
//Create save options with A4 size
PsSaveOptions options = new PsSaveOptions();

//Create new PS Document with the page opened
PsDocument document = new PsDocument(outPsStream, options, false);

//Create a rectangle
Rectangle2D.Float rectangle = new Rectangle2D.Float(200, 100, 200, 100);

//Create arrays of colors and fractions for the gradient.
Color[] colors = { Color.RED, Color.GREEN, Color.BLUE, Color.ORANGE, new Color(85,107,47) };
float[] fractions = { 0.0f, 0.1873f, 0.492f, 0.734f, 1.0f };

//Create the gradient transform. Scale components in the transform must be equal to width and heigh of the rectangle.
//Translation components are offsets of the rectangle.
AffineTransform transform = new AffineTransform(200, 0, 0, 100, 200, 100);
//Rotate the gradient on 90 degrees around an origin
transform.rotate(90 * (Math.PI / 180));

//Create vertical linear gradient paint.
LinearGradientPaint paint = new LinearGradientPaint(new Point2D.Float(0, 0), new Point2D.Float(200, 100),
		fractions, colors, MultipleGradientPaint.CycleMethod.NO_CYCLE, MultipleGradientPaint.ColorSpaceType.SRGB,
		transform);

//Set paint
document.setPaint(paint);
//Fill the rectangle
document.fill(rectangle);

//Close current page
document.closePage();
//Save the document
document.save();

Aquí viene el resultado

En este fragmento de código creamos un degradado lineal diagonal a partir de 2 colores y rellenamos un rectángulo con este degradado.

//Create an output stream for PostScript document
FileOutputStream outPsStream = new FileOutputStream(dataDir + "DiagonalGradient_outPS.ps");
//Create save options with A4 size
PsSaveOptions options = new PsSaveOptions();

// Create new PS Document with the page opened
PsDocument document = new PsDocument(outPsStream, options, false);

//Create a rectangle
Rectangle2D.Float rectangle = new Rectangle2D.Float(200, 100, 200, 100);

//Create the gradient transform. Scale components in the transform must be equal to width and heigh of the rectangle.
//Translation components are offsets of the rectangle.
AffineTransform transform = new AffineTransform(200, 0, 0, 100, 200, 100);
//Rotate gradient, than scale and translate to get visible color transition in required rectangle
transform.rotate(-45 * (Math.PI / 180));
float hypotenuse = (float) Math.sqrt(200 * 200 + 100 * 100);
float ratio = hypotenuse / 200;
transform.scale(-ratio, 1);
transform.translate(100 / transform.getScaleX(), 0);

//Create diagonal linear gradient paint.
LinearGradientPaint paint = new LinearGradientPaint(new Point2D.Float(0, 0), new Point2D.Float(200, 100),
		new float [] {0, 1}, new Color [] {Color.RED, Color.BLUE}, MultipleGradientPaint.CycleMethod.NO_CYCLE,
		MultipleGradientPaint.ColorSpaceType.SRGB, transform);

//Set paint
document.setPaint(paint);
//Fill the rectangle
document.fill(rectangle);

//Close current page
document.closePage();
//Save the document
document.save();

Aquí viene el resultado

En este fragmento de código creamos un degradado radial a partir de 2 colores y rellenamos un círculo con este degradado.

//Create an output stream for PostScript document
FileOutputStream outPsStream = new FileOutputStream(dataDir + "RadialGradient1_outPS.ps");
//Create save options with A4 size
PsSaveOptions options = new PsSaveOptions();

//Create new PS Document with the page opened
PsDocument document = new PsDocument(outPsStream, options, false);

//Create a rectangle
Rectangle2D.Float rectangle = new Rectangle2D.Float(200, 100, 200, 200);

//Create arrays of colors and fractions for the gradient.
Color[] colors = { Color.GREEN, Color.BLUE, Color.BLACK, Color.YELLOW, new Color(245, 245, 220), Color.RED };
float[] fractions = { 0.0f, 0.2f, 0.3f, 0.4f, 0.9f, 1.0f };

//Create horizontal linear gradient paint. Scale components in the transform must be equal to width and heigh of the rectangle.
//Translation components are offsets of the rectangle.
AffineTransform transform = new AffineTransform(200, 0, 0, 200, 200, 100);

//Create radial gradient paint.
RadialGradientPaint paint = new RadialGradientPaint(new Point2D.Float(300, 200), 100, new Point2D.Float(300, 200),
		fractions, colors, MultipleGradientPaint.CycleMethod.NO_CYCLE, MultipleGradientPaint.ColorSpaceType.SRGB,
		transform);

//Set paint
document.setPaint(paint);
//Fill the rectangle
document.fill(rectangle);

//Close current page
document.closePage();
//Save the document
document.save();

el resultado

En este fragmento de código creamos un degradado radial a partir de 6 colores y rellenamos un rectángulo con este degradado.

//Create an output stream for PostScript document
FileOutputStream outPsStream = new FileOutputStream(dataDir + "RadialGradient2_outPS.ps");
//Create save options with A4 size
PsSaveOptions options = new PsSaveOptions();

//Create new PS Document with the page opened
PsDocument document = new PsDocument(outPsStream, options, false);

//Create a circle
Ellipse2D.Float circle = new Ellipse2D.Float(200, 100, 200, 200);

//Create arrays of colors and fractions for the gradient.
Color[] colors = { Color.WHITE, Color.WHITE, Color.BLUE };
float[] fractions = { 0.0f, 0.2f, 1.0f };

//Create horizontal linear gradient paint. Scale components in the transform must be equal to width and heigh of the rectangle.
//Translation components are offsets of the rectangle.
AffineTransform transform = new AffineTransform(200, 0, 0, 200, 200, 100);

//Create radial gradient paint.
RadialGradientPaint paint = new RadialGradientPaint(new Point2D.Float(64, 64), 68, new Point2D.Float(24, 24),
		fractions, colors, MultipleGradientPaint.CycleMethod.NO_CYCLE, MultipleGradientPaint.ColorSpaceType.SRGB,
		transform);

//Set paint
document.setPaint(paint);
//Fill the circle
document.fill(circle);

//Close current page
document.closePage();
//Save the document
document.save();

el resultado

Consulte cómo trabajar con degradados en documentos PS en .NET.

Puede descargar ejemplos y archivos de datos desde GitHub.