image - atributos - etiqueta img

¿Dibujar un rectángulo en Golang?

Question

Quiero dibujar una etiqueta de correo con algunos rectángulos, códigos de barras y, finalmente, generar un archivo PNG / PDF.

¿Hay una forma mejor de dibujar una forma en Go que no sea hacerlo con primitivos, píxel por píxel?

Answer 1

Aquí es cómo dibujar dos rectángulos utilizando bibliotecas estándar de Golang

// https://blog.golang.org/go-imagedraw-package
package main
import (
"image"
"image/color"
"image/draw"
"image/png"
"os"
)
func main() {
new_png_file := "/tmp/two_rectangles.png"
myimage := image.NewRGBA(image.Rect(0, 0, 220, 220)) // x1,y1, x2,y2
mygreen := color.RGBA{0, 100, 0, 255} // R, G, B, Alpha
// backfill entire surface with green
draw.Draw(myimage, myimage.Bounds(), &image.Uniform{mygreen}, image.ZP, draw.Src)
red_rect := image.Rect(60, 80, 120, 160) // geometry of 2nd rectangle
myred := color.RGBA{200, 0, 0, 255}
// create a red rectangle atop the green surface
draw.Draw(myimage, red_rect, &image.Uniform{myred}, image.ZP, draw.Src)
myfile, _ := os.Create(new_png_file) // ... now lets save imag
png.Encode(myfile, myimage)
}

Lo anterior generará un archivo png con nuestros dos rectángulos:

El siguiente código creará una imagen de tablero de ajedrez a partir de rectángulos.

package main
import (
"fmt"
"image"
"image/color"
"image/draw"
"image/png"
"os"
)
func main() {
new_png_file := "/tmp/chessboard.png"
board_num_pixels := 240
myimage := image.NewRGBA(image.Rect(0, 0, board_num_pixels, board_num_pixels))
colors := make(map[int]color.RGBA, 2)
colors[0] = color.RGBA{0, 100, 0, 255} // green
colors[1] = color.RGBA{50, 205, 50, 255} // limegreen
index_color := 0
size_board := 8
size_block := int(board_num_pixels / size_board)
loc_x := 0
for curr_x := 0; curr_x < size_board; curr_x++ {
loc_y := 0
for curr_y := 0; curr_y < size_board; curr_y++ {
draw.Draw(myimage, image.Rect(loc_x, loc_y, loc_x+size_block, loc_y+size_block),
&image.Uniform{colors[index_color]}, image.ZP, draw.Src)
loc_y += size_block
index_color = 1 - index_color // toggle from 0 to 1 to 0 to 1 to ...
}
loc_x += size_block
index_color = 1 - index_color // toggle from 0 to 1 to 0 to 1 to ...
}
myfile, err := os.Create(new_png_file)
if err != nil {
panic(err.Error())
}
defer myfile.Close()
png.Encode(myfile, myimage) // ... save image
fmt.Println("firefox ", new_png_file) // view image issue : firefox /tmp/chessboard.png
}

Answer 2

La biblioteca estándar de Go no proporciona capacidades de dibujo o pintura primitivas.

Lo que proporciona son modelos para colores (paquete de image/color ) y una interfaz de Image con varias implementaciones (paquete de image ). La publicación del blog The Go Image package es una buena introducción a esto.

También proporciona la capacidad de combinar imágenes (por ejemplo, dibujarlas entre sí) con diferentes operaciones en el paquete de image/draw . Esto se puede usar para mucho más de lo que parece al principio. Hay un buen artículo de blog sobre el paquete image/draw que muestra parte de su potencial: El paquete Go image / draw.

Otro ejemplo es el juego de código abierto Gopher''s Labyrinth ( revelación: Soy el autor ) que tiene una interfaz gráfica y no utiliza nada más que la biblioteca estándar de Go para ensamblar su vista.

Es de código abierto, echa un vistazo a sus fuentes cómo se hace. Tiene una vista de juego desplazable con imágenes / animaciones en movimiento.

La biblioteca estándar también admite la lectura y escritura de formatos de imagen comunes como GIF , JPEG , PNG , y el soporte para otros formatos están disponibles de forma WEBP : BMP , RIFF , TIFF e incluso WEBP (solo un lector / decodificador).

Aunque la biblioteca estándar no proporciona soporte, es bastante fácil dibujar líneas y rectángulos en una imagen. Dada una imagen img que admite cambiar un píxel con un método: Set(x, y int, c color.Color) (por ejemplo, image.RGBA es perfecto para nosotros) y una col de color.Color de color.Color :

// HLine draws a horizontal line
func HLine(x1, y, x2 int) {
for ; x1 <= x2; x1++ {
img.Set(x1, y, col)
}
}
// VLine draws a veritcal line
func VLine(x, y1, y2 int) {
for ; y1 <= y2; y1++ {
img.Set(x, y1, col)
}
}
// Rect draws a rectangle utilizing HLine() and VLine()
func Rect(x1, y1, x2, y2 int) {
HLine(x1, y1, x2)
HLine(x1, y2, x2)
VLine(x1, y1, y2)
VLine(x2, y1, y2)
}

El uso de estas funciones simples aquí es un programa de ejemplo ejecutable que dibuja una línea y un rectángulo y guarda la imagen en un archivo .png :

import (
"image"
"image/color"
"image/png"
"os"
)
var img = image.NewRGBA(image.Rect(0, 0, 100, 100))
var col color.Color
func main() {
col = color.RGBA{255, 0, 0, 255} // Red
HLine(10, 20, 80)
col = color.RGBA{0, 255, 0, 255} // Green
Rect(10, 10, 80, 50)
f, err := os.Create("draw.png")
if err != nil {
panic(err)
}
defer f.Close()
png.Encode(f, img)
}

Si desea dibujar textos, puede usar la implementación Go de FreeType . También revise esta pregunta para obtener una introducción sencilla al dibujo de cadenas en imágenes: ¿Cómo agregar una etiqueta de texto simple a una imagen en Go?

Si desea capacidades de dibujo avanzadas y más complejas, también hay muchas bibliotecas externas disponibles, por ejemplo:

http://github.com/llgcode/draw2d/

https://github.com/fogleman/gg

Answer 3

Mi noob disparó al dibujar un rectángulo de grosor de línea dado. Todavia primitivo

func Rect(x1, y1, x2, y2, thickness int, img *image.RGBA) {
col := color.RGBA{0, 0, 0, 255}
for t:=0; t<thickness; t++ {
// draw horizontal lines
for x := x1; x<= x2; x++ {
img.Set(x, y1+t, col)
img.Set(x, y2-t, col)
}
// draw vertical lines
for y := y1; y <= y2; y++ {
img.Set(x1+t, y, col)
img.Set(x2-t, y, col)
}
}
}
// handler to test
func draw(w http.ResponseWriter, r *http.Request) {
img := image.NewRGBA(image.Rect(0, 0, 1200, 1800))
Rect(5, 5, 1195, 1795, 2, img)
png.Encode(w, img)
}

Answer 4

Probablemente estés buscando el paquete draw2d . De su github readme:

Las operaciones en draw2d incluyen trazos y rellenos de polígonos, arcos, curvas de Bézier, dibujo de imágenes y representación de texto con fuentes TrueType. Todas las operaciones de dibujo se pueden transformar mediante transformaciones afines (escala, rotación, traslación).

El siguiente código dibuja un rectángulo negro y lo escribe en un archivo .png . Está utilizando la versión v1 ( go get -u github.com/llgcode/draw2d ).

package main
import (
"github.com/llgcode/draw2d/draw2dimg"
"image"
"image/color"
)
func main() {
i := image.NewRGBA(image.Rect(0, 0, 200, 200))
gc := draw2dimg.NewGraphicContext(i)
gc.Save()
gc.SetStrokeColor(color.Black)
gc.SetFillColor(color.Black)
draw2d.Rect(gc, 10, 10, 100, 100)
gc.FillStroke()
gc.Restore()
draw2dimg.SaveToPngFile("yay-rectangle.png", i)
}

Por favor, consulte la página de github para la versión más reciente.