Menggunakan SVG untuk melukis logo WeChat menggunakan ciri baharu kemahiran tutorial HTML5 _html5

Ciri Baharu HTML5
Beberapa ciri baharu yang menarik dalam HTML5:
1 Elemen kanvas untuk lukisan
2 Untuk media Main balik elemen video dan audio
3. Sokongan yang lebih baik untuk storan luar talian setempat
4 Elemen kandungan khas baharu, seperti artikel, pengaki, pengepala, bahagian
5. url, cari
Pemarahan imej lukisan SVG:

Kodnya adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

* {
padding: ;
margin: ;
}
warna latar belakang: #ddd;
}
.bekas {
lebar: px;
kedudukan: relatif
kiri: %; >transform: diterjemahkan(-% ,,);
warna latar belakang: #c;
jejari sempadan: px;
bayang-kotak: px #cbfbf; objek{
kedudukan: relatif;
atas:px;
kiri: px
}
"bekas">
/body>


Ini adalah kod dalam format xml, dipisahkan daripada dokumen html.





Salin kod

Kod tersebut adalah seperti berikut:

"http://www.w.org/Graphics/ SVG/. /DTD/svg.dtd">

Di atas ialah logo WeChat yang dilukis dengan SVG berdasarkan ciri baharu HTML5 yang dikongsi oleh editor. Saya harap ia akan membantu semua orang.