masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > Tutorial H5 > Menggunakan SVG untuk melukis logo WeChat menggunakan ciri baharu kemahiran tutorial HTML5 _html5

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

WBOY

Lepaskan： 2016-05-16 15:45:52

asal

2394 orang telah melayarinya

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.

Label berkaitan：

html5新特征 svg绘制微信logo

sumber：php.cn

Artikel sebelumnya：Susun pengekodan URL dan pengekodan aksara yang disokong dalam kemahiran tutorial HTML5_html5 Artikel seterusnya：Kaedah asas untuk membenamkan main balik audio dan video dalam halaman web menggunakan petua tutorial HTML5_html5

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang