Tô màu nền - viết chữ cho canvas

Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.

Làm ảnh động bằng canvas

Trước tiên tạo một vùng canvas, và gạn ID cho nó
Dùng JS để điều khiển ID canvas. Tham khảo ở đâyhoặcở đây

Tag DIV html

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left:537px; top:31px; background-color:#FFFF00" id="layer1">
</div>
Thật ra đa số các phần tử html đều có thuộc tính style, nhưng vì nó khá rắc rối và liên quan tới một khái niệm CSS nên mình sẻ dành riêng một mục dành riêng cho cái CSS này. Ngôn ngữ này mình sẽ giới thiêu với các bạn sau khi hoàn thành các chuyên trang về PHP
Trong thẻ div này có nhiều phần tử được ngăn cách nhau bởi dấu;, giá trị của chúng nằm phía sau dấu : ở mỗi phần tử.
_width,height: khá quen thuộc, có lẽ cũng không cần ói tới, thẻ div mặc định vô hình , phải có thêm màu nền để thấy được kích thước của nó.
_background-color: hãy đặt giá trị màu vào sau dấu :
_background-image: ảnh nền cho tag div, mọi thứ hơi khác một chút, xem ví dụ:
Mã nguồn:[Chọn]
background-image:url('/image003.png')
_position:cung cấp điểm tham chiếu cho thẻ div.
*.position: absolute: điểm tham chiếu vị trí cho thẻ div là góc trái phía trên của cửa sổ trình duyệt
*.position: relative: tương tự nhưng tính từ phiá bên phải
*.các thành phần top,left(từ trên xuống bao nhiêu, từ trái qua bao nhiêu) xác định vị trí của thẻ div ngoài ra còn có bottom và right, tuỳ mục đích mà bạn dùng tới.
_visibility:có hai giá trị: visible và hidden, bạn làm mọi việc để định dạng thẻ div, nhưng nếu để giá trị của thành phần này là hidden thì sẻ chằng ai trông thấy nó. Thường thì người ta dùng các script như javascript hoặc vbscript để làm ẩn nó đi và xuất hiện lúc người ta muốn.
_z-index:bạn chồng hai thẻ div lên nhau bằng cách cho các phần tử chỉ vị trí nó giống hệt nhau, thẻ div nào có giá trị z-index lớn hơn thì sẽ ổi len trên. Nếu z-index mà là số âm, thì thẻ div sẽ chìm xuống dưới các phần tử html khác, thuộc tính này khá thú vị!
Phối hợp với javascript ta có thể khiến thẻ div ẩn hiện, ứng dụng này rất hay, các bạn hãy tìm hiểu thêm về javascript tại đây nhé:
http://GocM4U.xtgem.us/wapmaster/javascript/