Utils: export createCanvasElement to public and use it for WebGPURenderer module

[linbingquan]

Related issue: #XXXX

Description

Motivation: Export createCanvasElement function method, and use it for WebGPURenderer module. like:

three.js/examples/jsm/renderers/common/Backend.js

Lines 134 to 140 in b37b76b

	createCanvasElement() {
	const canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' );
	canvas.style.display = 'block';
	return canvas;
	}

TODO:

• Export createCanvasElement to public
• Use createCanvasElement function for WebGPURenderer module from three.

[github-actions]

📦 Bundle size

Full ESM build, minified and gzipped.

Filesize dev	Filesize PR	Diff
646.2 kB (160.3 kB)	646.2 kB (160.3 kB)	+26 B

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

Filesize dev	Filesize PR	Diff
439.1 kB (106.4 kB)	439.1 kB (106.3 kB)	+0 B

[Mugen87]

@linbingquan Do you want to implement the TODOs in this PR?

[linbingquan]

Do you want to implement the TODOs in this PR?

Done. But I am not sure it can pass CI tests without build latest three.module.js.

[Mugen87]

But I am not sure it can pass CI tests without build latest three.module.js.

#26608 (comment)