Canvas — Image Working Area & Dimensions

In image editing, the canvas is the total working area that defines the boundaries of the image. Resizing the canvas adds or removes space around the existing image content without scaling it.

Detalle técnico

Canvas operations modify image dimensions without resampling pixel data. Extending the canvas adds pixels in a specified fill color or transparency, while reducing it crops edge pixels.

Ejemplo

```javascript
// Canvas: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```

Herramientas relacionadas

C Compress Image R Resize Image C Crop Image R Rotate Image F Flip Image C Convert Image W Watermark Image S SVG to PNG I Image to Base64 R Round Corners A Add Border I Image Filters A Adjust Image B Blur Image S Sharpen Image M Make Square G Grayscale Image S Sepia Image P Pixelate Image S Strip Image Metadata

Términos relacionados

Metadata Rasterization Resolution DPI Color Space Alpha Channel Lossy Compression Lossless Compression EXIF Color Profile Bit Depth Vector Graphics Raster Graphics Chroma Subsampling HDR WebP AVIF Sprite Sheet Thumbnail Crop Resize Image Optimization Image Histogram Noise Reduction (Image) Panorama Stitching Image Segmentation Object Detection Feature Matching Image Interpolation Dithering (Image) Alpha Compositing Image Pyramid Mipmap Texture Atlas Image Registration Morphological Operations IPTC ICC Profile Gamut Mapping Tone Mapping Chromatic Aberration Vignetting XMP Color Grading (Image) Focus Stacking Content-Aware Fill Batch Resize Aspect Ratio Convolution Compression Artifact DPI/PPI Gamma Histogram