Canvas
Canvas (Image Working Area)
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.
기술 세부사항
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.
예시
```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)
```
관련 도구
관련 용어
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