Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menyimpan DIV sebagai imej dengan sambungan menggunakan kanvas HTML5?

Bagaimana untuk menyimpan DIV sebagai imej dengan sambungan menggunakan kanvas HTML5?

王林
王林ke hadapan
2023-09-05 22:09:11965semak imbas

Bagaimana untuk menyimpan DIV sebagai imej dengan sambungan menggunakan kanvas HTML5?

DIV kandungan boleh disimpan sebagai imej dengan bantuan fungsi html2canvas() dalam JavaScript. Teg DIV mentakrifkan bahagian dalam dokumen HTML.

Contoh

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

Ini menunjukkan kawasan terbahagi bernama cpimg.

html2canvas() fungsi menyimpan div sebagai imej menggunakan kod berikut -

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

Ia menyimpan bahagian div yang dirujuk "cpimg" ke dalam imej.

Atas ialah kandungan terperinci Bagaimana untuk menyimpan DIV sebagai imej dengan sambungan menggunakan kanvas HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam