Maison >interface Web >tutoriel HTML >Comment enregistrer un DIV en tant qu'image avec extension à l'aide d'un canevas HTML5 ?

Comment enregistrer un DIV en tant qu'image avec extension à l'aide d'un canevas HTML5 ?

王林
王林avant
2023-09-05 22:09:111009parcourir

Comment enregistrer un DIV en tant quimage avec extension à laide dun canevas HTML5 ?

Le contenu DIV peut être enregistré sous forme d'image à l'aide de la fonction html2canvas() en JavaScript. La balise DIV définit une section dans un document HTML.

Exemple

<div id = &rdquo;cpimg&rdquo;   style = &rdquo;padding:  25px ; &rdquo; >  
   <h4>Welcome</h4>
</div>

Cela montre une région divisée nommée cpimg. La fonction

html2canvas() enregistre un div en tant qu'image en utilisant le code suivant -

html2canvas(document.querySelector(&ldquo;#cpimg&rdquo;)).then(canvas
 {    
    document.body.appendChild(canvas)
 });

Elle enregistre la partie div référencée "cpimg" dans une image.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer