Canvas

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)
```

مصطلحات ذات صلة

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

Categories

التفاصيل التقنية

مثال

أدوات ذات صلة

مصطلحات ذات صلة