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

技術的詳細

例

関連ツール

関連用語