README
¶
tinywasm/image
Todo lo relacionado con imágenes para TinyWasm: builders HTML + pipeline de optimización WebP.
Dos capas
- Builders (
github.com/tinywasm/image) —Img,Picture,Source, construcción de elementos HTML. Compila para WASM y backend. Sin etiquetas de construcción (build tags). - Pipeline (
github.com/tinywasm/image/min) —Handler,Config, procesamiento WebP. Solo para backend.
El nombre
imagesombrea el paquete estándar de Go a propósito: el stdlibimagees demasiado pesado para TinyGo. Internamente, el pipeline aliasea el stdlib comostdimage.
Render (Frontend/WASM)
import . "github.com/tinywasm/image"
func (c *Hero) Render() *dom.Element {
return Img("/img/hero.M.webp", "Hero").Lazy().Size(1024, 512).AsElement()
}
Declaración para procesamiento (image.go, //go:build !wasm)
package herosection
import "github.com/tinywasm/image"
func RenderImages() []image.Asset {
return []image.Asset{
{Path: "img/hero.png", Variants: image.AllVariants, Alt: "Hero"},
}
}
El nombre de archivo debe ser
image.go. El pipeline lo detecta automáticamente.
Pipeline (Backend)
import "github.com/tinywasm/image/min"
handler := min.New(&min.Config{RootDir: ".", OutputDir: "web/public/img", Quality: 80})
handler.InitDefaultLoader()
handler.LoadImages()
Related Packages
- tinywasm/dom — Element type
- tinywasm/html — HTML builders
- tinywasm/svg — SVG builders + sprite
Documentation
¶
Index ¶
Constants ¶
const AllVariants = VariantS | VariantM | VariantL
AllVariants includes all responsive variants.
Variables ¶
This section is empty.
Functions ¶
Types ¶
type Asset ¶
type Asset struct {
Path string // relative to the module directory: "img/logo.png"
Variants Variant // e.g., AllVariants, VariantS|VariantM, VariantL
Alt string // SEO alternative text; if empty derived from filename
}
Asset represents an image declaration in a module.
type ImgElement ¶
type ImgElement struct {
// contains filtered or unexported fields
}
ImgElement wraps *dom.Element to provide a fluent image-specific API.
func (*ImgElement) AsElement ¶
func (i *ImgElement) AsElement() *dom.Element
AsElement returns the underlying *dom.Element for embedding in Render() trees.
func (*ImgElement) Attr ¶
func (i *ImgElement) Attr(key, val string) *ImgElement
Attr sets an arbitrary attribute.
func (*ImgElement) Class ¶
func (i *ImgElement) Class(classes ...string) *ImgElement
Class adds CSS classes.
func (*ImgElement) Size ¶
func (i *ImgElement) Size(w, h int) *ImgElement
Size sets width and height (reduces CLS).
func (*ImgElement) String ¶
func (i *ImgElement) String() string
String serializes the image element (satisfies dom.Component).
Source Files
Directories