Comment convertir des images SVG en images bitmap dans le navigateur à l'aide de JavaScript ?

Convertir SVG en images Bitmap dans le navigateur

Problème :

Comment convertir SVG images aux formats bitmap (JPEG, PNG, etc.) en utilisant JavaScript ?

Solution :

Pour réaliser cette conversion dans le navigateur à l'aide de JavaScript, vous pouvez suivre ces étapes :

1. Utilisez la bibliothèque canvg :

Installez la bibliothèque canvg, qui permet le rendu des images SVG à l'aide du API Canvas.

npm install --save canvg

2. Rendu le SVG :

Utilisez la bibliothèque canvg pour restituer l'image SVG dans un élément Canvas.

const canvas = document.querySelector('canvas');
canvg(canvas, svgElement);

3. Capturer des données URI :

Capturez l'URI des données de l'image rendue dans l'élément Canvas.

const dataURI = canvas.toDataURL('image/jpeg'); // or 'image/png'

Cette approche vous permet de convertir des images SVG aux formats bitmap dans le navigateur en utilisant JavaScript et la bibliothèque canvg.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!