DÙNG JAVASCRIPT FUNCTION ĐỂ DI ĐỘNG HÌNH VẼ BẰNG SCALABLE VECTOR GRAPHICS

USING  JAVASCRIPT FUNCTION TO MOVE THE PICTURES CREATED BY SCALABLE VECTOR GRAPHICS

Mở đọc lại những bài hướng dẫn cách làm cho hình chuyển động đã có trong Blogger nầy rồi  dựa vào đó để theo dõi bài hướng dẫn sau đây, chúng ta sẽ thấy có thêm một phần quan trọng phải chú ý là function init() và window.onload=init .

Nếu thiếu hai chi tiết trên thì không thể làm cho hình svg chuyển động được.

Chép html nầy vào notepad,mở bằng browser Chrome sẽ thấy 
xuất hiện một hình tròn màu blue như dưới đây

Tại sao phải có funtion init() ?
Vi hình chưa có sẵn trong memory nên khi vẽ bằng svg code phải cho hình một svg id="...".
Rồi dùng document.getElementById() để đưa hình vào memory với cái tên là object.
Dùng window.onload=init để đem hình ra xử dụng.
Trường hợp hình đã có sẵn trong memory như src="hinh.gif" thì không cần function init()


Bài kế tiếp : Vẽ hình vector images bằng Scalable Vector Graphics (SVG).