// Centered white circle ctx.strokeStyle = '#FFF'; ctx.lineWidth = 5; ctx.beginPath(); ctx.arc(W/2, H/2, W/4, 0, Math.PI * 2); ctx.stroke();
// Gradient fill (full‑canvas) const gradient = ctx.createLinearGradient(0, 0, W, H); gradient.addColorStop(0, 'rgb(0,128,255)'); gradient.addColorStop(1, 'rgb(255,128,0)'); ctx.fillStyle = gradient; ctx.fillRect(0, 0, W, H);
# 2️⃣ Allocate full canvas (filled with transparent black) canvas = Image.new(MODE, (WIDTH, HEIGHT), (0, 0, 0, 0)) 847 create an image full
If you anticipate images larger than 20 000 × 20 000 px , prefer libraries that expose direct memory mapping (e.g., OpenCV, SkiaSharp) and support streaming/tiled rendering . 5. Step‑by‑Step Workflow Below are concrete recipes for the most common environments. All examples create a full‑size image of 847 × 847 px (the number you supplied) and then fill it with a gradient background, draw a shape, and write it to disk. Why 847 × 847? It demonstrates a non‑power‑of‑two dimension, which can expose alignment bugs that often trigger error 847. 5.1 Python – Pillow from PIL import Image, ImageDraw
W, H = 847, 847 # Create an empty BGR image (3 channels) img = np.zeros((H, W, 3), dtype=np.uint8) // Centered white circle ctx
# Draw a white circle cv2.circle(img, (W//2, H//2), W//4, (255,255,255), thickness=5)
# 3️⃣ Draw a diagonal gradient (full‑image fill) draw = ImageDraw.Draw(canvas) for y in range(HEIGHT): r = int(255 * (y / HEIGHT)) # Red ramps from 0→255 g = 128 # Constant green b = int(255 * (1 - y / HEIGHT)) # Blue ramps down draw.line([(0, y), (WIDTH, y)], fill=(r, g, b, 255)) All examples create a full‑size image of 847
# 5️⃣ Save (auto‑compresses to PNG) canvas.save("full_image_847.png", format="PNG") print("✅ Image saved as full_image_847.png") : 847 × 847 × 4 B ≈ 2.7 MB – well under typical desktop limits. If you bump the size to 10 000 × 10 000 , memory jumps to 381 MB ; consider tiling (see Section 6). 5.2 Python – OpenCV (NumPy) import cv2 import numpy as np