`Image#src=` does not work with object URL (`onload` never called, cannot be drawn on 2d context)

Description

import { Image } from 'canvas';
import { readFileSync } from 'fs';

const file = readFileSync('test.png');
const objectUrl = URL.createObjectURL(new Blob([file], { type: 'image/png' }));
const image = new Image();
image.onload = () => {
	URL.revokeObjectURL(objectUrl);
	console.log('in onload: complete =', image.complete); // never called
};
image.src = objectUrl;
console.log('immediately after setting src: complete =', image.complete); // true

Guide contributeur

Stack technique

javascriptnodejs

Domaine

backendapi

Type d'issue

bug

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

1-3 hours

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

fresh

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

clear

Prérequis

Basic JavaScriptCanvas APINode.js

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

60

Direction de recherche

Investigate the Image class implementation in node canvas. The issue demonstrates that setting `src` to an object URL does not trigger `onload` and sets `complete=true` immediately. Look at the source files where `Image.src` is handled, likely in `lib/image.js` or the native binding in `src/Image.cc`. Check if there is any existing handling for blob: or object URLs. The fix may involve detecting object URLs and loading the image data asynchronously. Also examine the Cairo based image loading functions to understand how images are actually loaded.