text: ĐĂNG NHANH - BÁN NHANH [Liên Hệ] - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Bán xe Honda Civic Sedan 2008 - - 0903 567 099 Thông tin cơ bản Giá bán : 495 triệu Xuất xứ : Trong nước Tình trạng : Cũ Dòng xe : Sedan Số Km đã đi : 70.000 km Màu ngoại thất : Đen Màu nội thất : Kem (Be) Số cửa : 4 cửa Số ghế : 5 ghế Nhiên liệu : Xăng Hộp số : Số tự động Dẫn động : FWD - Dẫn động cầu trước Tiêu thụ nhiên liệu (đường trường) : 7 lít / 100 Km Giới thiệu AuTo Đồng Tiến bán xe Honda Civic 1.8AT, Màu đen, số tự động, sản xuất 2008, xe còn cực mới, chính chủ, một chủ sử dụng từ đầu, ghế da rin theo xe , hệ thống phanh ABS, túi khí an toàn, cảm biến lùi, lazang đúc rin theo xe , gương điện, gương gập điện.....Quý khách có nhu cầu xin liên hệ để biết thêm chi tiết! ***** Quý vị đang xem tin đăng bán xe ô tô tại AUTOZOOM Bán xe Honda Civic Sedan 2008 - - 0903 567 099 . Mọi thông tin liên quan tới tin rao này là do người đăng tin đăng tải và chịu trách nhiệm. Chúng tôi luôn cố gắng để truyền tải thông tin chính xác nhất, nhưng chúng tôi không đảm bảo và không chịu trách nhiệm về bất kỳ nội dung nào liên quan tới tin rao này. Nếu quý vị phát hiện có sai sót hay vấn đề gì xin hãy thông báo cho chúng tôi theo địa chỉ: info@autozoom.vn hoặc autozoom.vn@gmail.com Mua Bán Ô tô - Đăng ký Salon Mua Bán tại đây ! Quý vị có thể xem thêm các nội dung nâng cấp thành viên VIP, hướng dẫn đăng tin VIP, .... tại đây!

Set-Cookie: az_session=8af738359177cc55d4f534c7d82f0a07; path=/; domain=.autozoom.vn; httponly

Server: Apache/2.2.15 (CentOS)


text: Giá xe Porsche Cayman tại Việt Nam, xem thêm thông tin chiếc xe Porsche Cayman này tại AutoZoom.vn - Nếu có thắc mắc hay góp ý xin gửi về autozoom.vn@gmail.com. Porsche Cayman mới mang nhiều nét thiết kế khá giống với mẫu Porsche Boxster. Ngoài những thay đổi về thông số kỹ thuật, có thể nhận thấy sự thay đổi mới lạ từ ngoại thất và nội thất củaPorsche Cayman. Porsche Caymanlà một mẫu xe hoàn toàn mới, với sự thay đổi lớn nhất là động cơ tăng áp 4 xi lanh thay cho động cơ 6 xi lanh không tăng áp cũ. Mặc dù đã giảm bớt 2 xi lanh nhưng động cơ mới vẫn giúp chiếc xe vô cùng mạnh mẽ và tiết kiệm nhiên liệu nhiều hơn. Trong phân khúc coupe thể thao, Porsche Cayman mới phải cạnh tranh trực tiếp với không ít các đối thủ sừng sỏ như Ford Shelby GT350, BMW M2, Audi TTS, Chevrolet Corvette. Giá bán 3,090 tỷ đồng - Porsche Cayman - 2.7L - Số sàn Giá bán 3,950 tỷ đồng - Porsche Cayman S - 3.4L - Số sàn (Giá đã bao gồm VAT, cập nhật trong khoảng tháng 08/2015. Có thể thay đổi tuỳ theo hãng xe cung cấp). Mọi thông tin cập nhật về giá xe mới xin gửi về cho chúng tôi: autozoom.vn@gmail.com

WARC-Type: response

Content-Type: application/http; msgtype=response

Cache-control: private, max-age=0

Set-Cookie: az_session=0a9838c22e24de1b6879dd41845c2bfe; path=/; domain=.autozoom.vn; httponly

Connection: close

X-Frame-Options: SAMEORIGIN

Vary: Accept-Encoding

Content-Type: text/html; charset=UTF-8


text:
Theo một số nhà vườn tại vùng chuyên canh hồng lớn nhất Lâm Đồng là thị trấn D'ran (huyện Đơn Dương) và xã Xuân Trường (TP. Đà Lạt), mùa thu hoạch của những năm trước kéo dài từ tháng 10 đến cuối năm. Tuy nhiên, dự kiến năm nay thời gian sẽ rút ngắn nhiều do sản lượng giảm mạnh.
Ông Nguyễn Duy Hưng, chủ vườn hồng tại phường 3 (TP Đà Lạt), cho biết những năm trước hồng trĩu quả, không thấy cả ngọn, phải dùng cây để đỡ cành khỏi bị gãy.
“Năm nay, vườn nhà tôi thu chưa tới 10% so với năm trước nên không đủ nguyên liệu sấy khô theo đơn đặt hàng của khách”, ông Hưng nói.
Nhiều nhà vườn cho biết, nguyên nhân khiến hồng mất mùa thê thảm là do thời tiết diễn biến thất thường, sau thời điểm bị ảnh hưởng nặng nề bởi nắng nóng kèo dài thì lại đến mưa đá kèm sương muối nên tỉ lệ đậu trái thấp.
Ngoài ra, sâu bệnh phá hoại cũng khiến chất lượng quả giảm sút như kích thước nhỏ, vỏ sần sùi, bầm dập….
Một số diện tích hồng bị trụi lá hoàn toàn, mỗi cây chỉ còn trơ lại vài quả.
Ông Đặng Soa,chủ vườn hồng trên đèo Mimosa, cho biết do nhiều người trong gia đình đều là công chức nhà nước nên ông phải thuê nhân công thu hoạch nếu hồng không mất mùa. Năm nay, ông tranh thủ ngày nghỉ cuối tuần để thu hoạch mà vẫn còn dư dả thời gian.
Với diện tích vườn hồng 2000 m2, trong khi năm ngoái gia đình ông thu hoạch được hơn 3 tấn thì năm nay con số này không vượt quá 2 tạ.
"Hồng mất mùa thê thảm khiến nông dân ở đây điêu đứng hết rồi. Có những vườn chỉ chuyên canh cây hồng ăn quả, quanh năm chăm bón để chờ một mùa thu hoạch duy nhất mà gặp tình trạng này thì khóc không thành tiếng”, ông Soa nói.
Khảo sát một số vựa thu mua trái cây tại Đà Lạt, hiện giá hồng tại vườn dao động từ 8.000-10.000 đồng/kg, cao hơn gần 3.000 đồng/kg so với cùng kỳ năm trước.
Tuy nhiên, sản lượng giảm trung bình 80% kèm theo nhiều quả sau thu hoạch phải đổ bỏ do không đạt chất lượng nên nông dân vẫn lỗ nặng, không đủ bù chi phí phân bón, công chăm sóc.
Để gỡ gạc vốn liếng đầu tư, nhiều nông dân mang hồng chín bày bán sát lề đường cho khách tham quan với giá cao gấp 2-3 lần.
Di Linh

X-Cache: MISS from cache13

Cache-Control: private

Content-Type: text/html; charset=utf-8


text:
Ảnh minh họa. (Nguồn: deccanchronicle.com)
AFP đưa tin Nhóm Hồi giáo cực đoan Lashkar-e-Jhangvi Al Alami của Pakistan cho hay nhóm này đang câu kết với các tay súng thánh chiến Nhà nước Hồi giáo (IS) tự xưng và tổ chức khủng bố al-Qaeda nhằm thực hiện các vụ tấn công tại nước này.
Người phát ngôn Ali Bin Sufyan của Lashkar-e-Jhangvi Al Alami cho biết các tay súng của nhóm này sẽ cộng tác với bất kỳ ai giúp họ đối phó với quân đội Pakistan.
Nhóm Lashkar-e-Jhangvi Al Alami thuộc dòng Hồi giáo Sunni bị cấm hoạt động, đã thừa nhận thực hiện một số vụ tấn công gây rúng động nhất vào người Hồi giáo dòng Shiites tại Pakistan trong lịch sử đương đại, song những năm gần đây đã quay sang chống chính phủ nước này./.

X-Cache: MISS from xCache11-01


text:
Phong Thủy
Giới Thiệu
Về Blog Phong Thủy
Khái Niệm Phong Thủy
Vai Trò Phong Thủy
Các Trường Phái
Lịch Sử Phong Thủy
Ứng Dụng Phong Thủy
Thước Lỗ Ban
Ý Nghĩa Của Bát Cung
Tổng Luận Phong Thủy
Thiềm Thừ
Thiềm Thừ Tây Tạng
Thiềm Thừ Tân Cương
Thiềm Thừ Tài Lộc
Tìm Hiểu Thiềm Thừ
Tỳ Hưu
Tỳ Hưu Bắc Kinh
Tỳ Hưu Ngọc Phỉ Thúy
Tỳ Hưu Độc Ngọc
Tỳ Hưu Tiêu Ngọc
Tỳ Hưu Tài Lộc
Tỳ Hưu Trang Sức
Tìm Hiểu Về Tỳ Hưu
Dịch Vụ
Tư Vấn Online
Vật Phẩm Phong Thủy
Shop Mua Hàng Online
Tỳ Hưu Phong Thủy
Thiềm Thừ Phong Thủy
Linh Vật Phong Thủy
Trang Sức Phong Thủy
Đá Quý Phong Thủy
Vật Phẩm May Mắn
Ý Nghĩa Các Vật Phẩm
Vật Phẩm Cho Năm 2016
Hệ Thống Cửa Hàng VPPT
5 Lý Do Để Bạn Mua Hàng
Truyền Hình Thương Hiệu
Âm Dương Tạp Luận
Âm Dương
Âm trạch
Bốc Dịch
Ngũ Hành
Phong Thủy
Phong Thủy Nhà Ở
Phong Thủy Văn Phòng
Xem Tướng Pháp
Các Bài Văn Cúng
Giải Mã Giấc Mơ
Cải Tạo Vận Mệnh
Các Con Số
Chọn Vợ Chọn Chồng
Chọn Đối Tác
Màu Sắc
Phương Hướng
Trang Phục
Đặt Tên Cho Con
Đặt Tên Công Ty
Đôi Dòng Suy Tư
Phong Thủy Luận
Bát Trạch
Cấm Kỵ và Hoá Giải
Giới Thiệu
Huyền Không
Lịch Sử Phát Triển
Thiên Địa Nhân
Xem Phong Thủy
Xem Bói Tình Yêu
Xem Sim Số Đẹp
Xem Số Xe Đẹp
Xem Năm Sinh Con
Xem Ngày Tốt Xấu
Xem Bói Ai Cập
Chọn Trang Phục
Gieo Quẻ Dịch Số
Lịch Vạn Niên
Xem Hướng Nhà
Xem Nốt Ruồi
Xem Sao Chiếu Mệnh
Xem Thời Vận
Xem Tuổi Vợ Chồng
Xem Tuổi Xây Nhà
Đo Thước Lỗ Ban
Đổi Ngày Âm » Dương
Đổi Ngày Dương » Âm
Xem Tử Vi
Tử Vi 2017 Đinh Dậu
Tử Vi 2016 Bính Thân
Thái Ất Tử Vi 2016
Tử Vi 2016 Tuổi Tý
Nữ Mạng Tuổi Tý
Nam Mạng Tuổi Tý
Tử Vi 2016 Tuổi Sửu
Nữ Mạng Tuổi Sửu
Nam Mạng Tuổi Sửu
Tử Vi 2016 Tuổi Dần
Nữ Mạng Tuổi Dần
Nam Mạng Tuổi Dần
Tử Vi 2016 Tuổi Mẹo
Nữ Mạng Tuổi Mẹo
Nam Mạng Tuổi Mẹo
Tử Vi 2016 Tuổi Thìn
Nữ Mạng Tuổi Thìn
Nam Mạng Tuổi Thìn
Tử Vi 2016 Tuổi Tị
Nữ Mạng Tuổi Tị
Nam Mạng Tuổi Tị
Tử Vi 2016 Tuổi Ngọ
Nữ Mạng Tuổi Ngọ
Nam Mạng Tuổi Ngọ
Tử Vi 2016 Tuổi Mùi
Nữ Mạng Tuổi Mùi
Nam Mạng Tuổi Mùi
Tử Vi 2016 Tuổi Thân
Nữ Mạng Tuổi Thân
Nam Mạng Tuổi Thân
Tử Vi 2016 Tuổi Dậu
Nữ Mạng Tuổi Dậu
Nam Mạng Tuổi Dậu
Tử Vi 2016 Tuổi Tuất
Nữ Mạng Tuổi Tuất
Nam Mạng Tuổi Tuất
Tử Vi 2016 Tuổi Hợi
Nữ Mạng Tuổi Hợi
Nam Mạng Tuổi Hợi
Mệnh Số 12 Con Giáp
Người Tuổi Tý
Người Tuổi Sửu
Người Tuổi Dần
Người Tuổi Mão
Người Tuổi Thìn
Người Tuổi Tỵ
Người Tuổi Ngọ
Người Tuổi Mùi
Người Tuổi Thân
Người Tuổi Dậu
Người Tuổi Tuất
Người Tuổi Hợi
Tử Vi Phương Tây
Tử Vi Hàng Ngày
Tử Vi Hàng Tuần
Tử Vi Hàng Tháng
12 Cung Hoàng Đạo
Cung Bạch Dương
Cung Kim Ngưu
Cung Song Tử
Cung Cự Giải
Cung Sư Tử
Cung Xử Nữ
Cung Thiên Bình
Cung Bọ Cạp
Cung Nhân Mã
Cung Ma Kết
Cung Bảo Bình
Cung Song Ngư
Video
de bộ đá
Showing the single result
Danh dương phú quý lớn H001G
8.190.000 VNĐ
Thêm vào giỏ hàng
★
Tỳ Hưu Phong Thủy
▻
Tỳ Hưu Bắc Kinh
▻
Tỳ Hưu Ngọc, Đá Quý
▻
Tỳ Hưu Đá Bán Quý
▻
Tỳ Hưu Trang Sức
▻
Tỳ Hưu Bằng Bột Đá
▻
Tỳ Hưu Bằng Đồng
▻
Các Loại Tỳ Hưu Khác
★
Thiềm Thừ Phong Thủy
▻
Thiềm Thừ Tây Tạng
▻
Thiềm Thừ Ngọc, Đá Quý
▻
Thiềm Thừ Đá Bán Quý
▻
Thiềm Thừ Trang Sức
▻
Thiềm Thừ Bằng Bột Đá
▻
Thiềm Thừ Bằng Đồng
▻
Các Loại Thiềm Thừ Khác
★
Đá Quý Phong Thủy
▻
Ngọc Phỉ Thúy
▻
Thạch Anh Tóc
▻
Thạch Anh Tím
▻
Thạch Anh Vàng
▻
Thạch Anh Hồng
▻
Thạch Anh Đen
▻
Đá Thạch Anh Khác
▻
Đá Thiên Nhiên Khác
★
Trang Sức Phong Thủy
▻
Mặt Đeo Cổ Các Loại
▻
Vòng Chuỗi Đeo Tay
▻
Nhẫn, Khuyên Đeo Tai
▻
Ngọc Bội Dây Treo
▻
Bỏ Túi, Đeo Thắt Lưng
▻
Móc Khóa, Móc Điện Thoại
★
Vật Phẩm May Mắn
▻
Phật, Phật Di Lặc
▻
Thần Tài, Quan Công
▻
Tam Đa, Tiên Thánh
▻
Hồ Lô, Hồ Lô Bát Tiên
▻
Bắp Cải, Củ Lạc, Sâm
▻
Bát Quái, Hổ Phù
▻
Chuông Gió, Khánh Treo
▻
La Bàn, Thước Lỗ Ban
▻
Chùa, Tháp Văn Xương
▻
Bình Ngọc, Đựng Bút
▻
Gậy Như Ý, Vương Trượng
▻
Tiền Xu, Tiền Cổ
▻
Thuyền Buồm, Thuyền Rồng
▻
Hoa Mẫu Đơn, Cúc
▻
Cây Đá Quý Tài Lộc
▻
Quả Cầu, Đĩa Thất Tinh
▻
Tranh Đá Quý
▻
Tranh Đồng Phong Thủy
★
Linh Vật Phong Thủy
▻
Rồng, Phụng, Kỳ Lân
▻
Rùa, Rùa Đầu Rồng
▻
Cá Chép, Cá Các Loại
▻
Ngựa, Trâu, Dê, Voi
▻
Hổ, Sư Tử, Báo Hoa
▻
Bộ 12 Con Giáp Vàng
▻
Các Con Linh Vật Khác
Gà Phong Thủy 2017
▻
Hướng Dẫn Mua Hàng
▻
Hỗ Trợ Sau Bán Hàng
▻
Chính Sách Đảm Bảo
Tìm kiếm:
Giỏ hàng của bạn
Blog Cá Nhân Chuyên Nghiên Cứu, Sưu Tầm Về Kiến Thức Phong Thủy, Vật Phẩm Phong Thủy
© 2017
Phong Thủy Cho Người Việt, Xem Phong Thủy, Tư Vấn Phong Thủy – BlogPhongThuy.com
Phong Thủy
> de bộ đá
8383 Beverly Blvd, Los Angeles, CA 90048
Hotline:
(+1) 323.5225.386
(Mr. David Ho - USA)
Email: info @blogphongthuy.com

Server: nginx

Vary: Accept-Encoding,Cookie,User-Agent


text:
Việt Nam
Bắc Trung Bộ
Duyên Hải Nam Trung Bộ
Tây Bắc Bộ
Tây Nguyên
Đông Bắc Bộ
Đông Nam Bộ
Đồng Bằng Sông Cửu Long
Đồng Bằng Sông Hồng
Bất kỳ
Bán thời gian
Toàn thời gian
Lâu dài
Hợp đồng
Tạm thời
Đào tạo
Tình nguyện
tap vu van phong, Việt Nam
Tạp vụ văn phòng
Tp Hồ Chí Minh
Nhân Viên Tạp Vụ Văn Phòng
Hà Nội
Tuyển Tạp Vụ Văn Phòng
Tuyển Dụng Nhân Viên Tạp Vụ Văn Phòng
Hà Nội
- 3.000.000-3.500.000₫ một tháng
Thông Báo Tuyển Dụng Nhân Viên Tạp Vụ Văn Phòng
Tuyển Gấp Tạp Vụ Văn Phòng
Hà Nội
- 2.500.000-3.000.000₫ một tháng
Tuyển Nhân Viên Tạp Vụ, Văn Phòng
Tuyển Nhân Viên Tạp Vụ Văn Phòng Làm Việc Tại Quận 12
Tp Hồ Chí Minh
- 3.000.000-4.000.000₫ một tháng
Tạp Vụ Văn Phòng Tại FPT
Tuyển Tạp Vụ Văn Phòng Làm 3 Tiếng Buổi Sáng (7h -10h)
Tuyến Tạp Vụ Văn Phòng ( Bao ăn ở Lại )
Tp Hồ Chí Minh
- 2.000.000-3.000.000₫ một tháng
Tạp Vụ Văn Phòng Công Ty
Tạp Vụ Văn Phòng
Hà Nội
- 3.000.000-5.000.000₫ một tháng
trang:
1
| 2
| 3
>>
Giới thiệu Careerjet
|
Những tìm kiếm thường gặp
|
Điều khoản & điều kiện
|
Việc theo khu vực
|
Việc theo công ty
© 2017 Careerjet

markdown:
**tạp** **vụ**, vệ sinh **văn** **phòng**, làm việc ở các tòa nhà, **văn** **phòng**. Môi trường làm việc sạch... lợi theo luật lao động. Có tuyển thời **vụ**và chính thức, không phân biệt nam nữ. An chị em nào có nhu cầu liên hệ: Ngọc hà địa chỉ: 158/5...
**vấn**. Không có kinh nghiệm bên lĩnh vực **tạp** **vụ** **văn** **phòng**sẽ được đào tạo hướng dẫn khi làm việc tại **phòng**khám - Môi trường làm việc thân...- Vệ sinh **văn** **phòng**, **phòng**khám - Vệ sinh bàn ghế, các **phòng**ban trong **phòng**khám - Công việc cụ thể sẽ trao đổi thêm trong cuộc **phỏng**...
**tạp** **vụ** **văn** **phòng**, gia đình Thông tin liên hệ Người liên hệ: **Phòng**Hành chính nhân sự Địa chỉ công ty: Số 3, Lô...- Dọn vệ sinh, làm sạch **văn** **phòng**làm việc, - Một số công việc khác liên quan khi có yêu cầu - Chi tiết trao đổi trong buổi **phỏng** **vấn**...
[Tuyển Dụng Nhân Viên Tạp Vụ Văn Phòng](/job/21a168e1ee4565b1828218ea14f4e4d8.html)
**tạp** **vụ** **văn** **phòng**, nấu ăn.... MÔ TẢ CÔNG VIỆC: - Quét dọn lau chùi **Văn** **phòng**Chi nhánh, bàn ghế, các thiết bị máy móc và nhà bếp. - Đi chợ, nấu ăn và chuẩn bị...
[Hà Nội](/viec-lam-tai-ha-noi-121826.html)
- 3.000.000-3.500.000₫ một tháng
**Tạp** **Vụ** **Văn** **Phòng**- Công Ty CP **Tập**Đoàn Nhựa Đông Á (Hạn nộp: 30-09-2013) Lượt xem: 1079 Ngày duyệt...(Mã số: NVTV_DAG) - Làm các công việc vệ sinh **văn** **phòng**cho công ty Yêu cầu công việc - Cẩn thận, chăm chỉ, sạch sẽ; - Biết tự chủ trong...
**Tạp** **Vụ** **Văn** **Phòng**- Công Ty Cổ Phần Thương Mại Tổng Hợp...- Vệ sinh các cửa hàng (sàn, cửa kính, nhà vệ sinh..) - Vệ sinh **văn** **phòng**(các **phòng**ban, cầu thang, dọn rác..) - Chi tiết trao đổi trong...
**Tạp** **Vụ** **Văn** **Phòng**- Công Ty Cổ Phần Dịch **Vụ**Thông Tin Di Động Miền Bắc... **phòng**, tủ, bàn ghế. - Chăm sóc cây cảnh, đổ rác hàng ngày, vệ sinh sạch sẽ khu **văn** **phòng**làm việc. - Hút bụi toàn bộ **văn** **phòng**. - Chịu trách...
[Thông Báo Tuyển Dụng Nhân Viên Tạp Vụ Văn Phòng](/job/a48d77be78bbab01a394959863cf77a1.html)
**Tạp** **Vụ** **Văn** **Phòng**- Công... Ty TNHH Dịch **Vụ**Tiện ích Quốc Tế Ocs Việt Nam...
[Hà Nội](/viec-lam-tai-ha-noi-121826.html)
- 2.500.000-3.000.000₫ một tháng
**tạp** **vụ**cho các **văn** **phòng**, Công ty - Ưu...- Quét dọn **văn** **phòng**- Rửa chén, cốc, lau bàn ghế - Đổ rác các **phòng**- Dọn vệ sinh Toilet - Chi tiết công việc sẽ trao đổi khi tham gia...
[Tuyển Nhân Viên Tạp Vụ, Văn Phòng](/job/8b609c6ae4767635275ea7f0986bd00e.html)
**Tạp** **Vụ**, **Văn** **Phòng**- Công Ty TNHH Thương Mại Và Xuất Nhập Khẩu Bảo Hà...- Phụ trách nấu ăn, dọn dẹp **văn** **phòng**. Làm giờ hành chính. - Làm các công việc **văn** **phòng**, hành chính, lễ tân, quản kho theo yêu cầu của...
[Tuyển Nhân Viên Tạp Vụ Văn Phòng Làm Việc Tại Quận 12](/job/d19cf2c7d4a51dba662477865ca96aa8.html)
[Tp Hồ Chí Minh](/viec-lam-tai-tp-ho-chi-minh-121878.html)
- 3.000.000-4.000.000₫ một tháng
**Tạp** **Vụ** **Văn** **Phòng**Làm Việc Tại Quận 12 - Công Ty CPCt... khó. Địa điểm làm việc: Tại Siêu thị Coco Mart Phan **Văn**Hớn, Quận 12. Yêu cầu công việc Kỹ năng: Trình độ: Lao động phổ thông Giới tính...
**tạp** **vụ** **văn** **phòng**tại FPT (Tòa nhà Keangnam 72 tầng) Lau sàn sảnh Lau chùi bàn làm việc, **văn** **phòng**Đánh rửa cốc chén trong **phòng**họp... **văn** **phòng**. Môi trường làm việc sạch sẽ, không làm trong khu WC Yêu cầu công việc Số năm kinh nghiệm: Chưa có kinh nghiệm Yêu cầu giới tính...
[Tuyển Tạp Vụ Văn Phòng Làm 3 Tiếng Buổi Sáng (7h -10h)](/job/356b4d09c4144aa7cd27b63c69b5fdb7.html)
**Tạp** **Vụ** **Văn** **Phòng**Làm 3 Tiếng Buổi Sáng (7h -10h...1. Khu vực công cộng: Lau sàn, sảnh hành lang,đánh sàn,,, 2. Làm khu vực **văn** **phòng**: lau bàn, ghế Chậu rửa mặt, gương, bồn cầu, lavabo...
[Tuyến Tạp Vụ Văn Phòng ( Bao ăn ở Lại )](/job/a655084c49d59020b4cf6a1adb40f8e0.html)
[Tp Hồ Chí Minh](/viec-lam-tai-tp-ho-chi-minh-121878.html)
- 2.000.000-3.000.000₫ một tháng
**Tạp** **Vụ** **Văn** **Phòng**( Bao ăn ở Lại ) - Công Ty TNHH DV Bảo Vệ Trung Việt...
**Tạp** **Vụ** **Văn** **Phòng**- Công Ty TNHH Nibc (Hạn nộp: 31-05-2013) Lượt xem: 1225 Ngày duyệt: 16-02-2016 Chia...Vệ sinh **văn** **phòng**Công ty Vệ sinh bàn ghế, các **phòng**ban trong công ty Công việc cụ thể sẽ trao đổi thêm trong buổi **phỏng** **vấn**Quyền...
**tạp** **vụ**cho các **văn** **phòng**, cao ốc, bệnh viện, nhà hàng,ngân hàng, trường học, kho xưởng .v.v… Nhân viên giúp việc gia.../16 Phạm **Văn**Bạch, P.15, Q.Tân Bình Ứng tuyển: Vui lòng bấm "NỘP ĐƠN" ở bên trên để ứng tuyển công việc này Hạn nộp hồ sơ: 31-12-2013...
**Vụ** **Văn** **Phòng**Công Ty - Công Ty TNHH Đầu Tư Pha't Triển Xây Dựng Châu A' Tha'i Bình Dương...: - Ɗọn dẹp vệ sinh **văn** **phòng**công ty theo sự phân công củɑ lãnh đạo công ty.. - Chi tiê't công việc sẽ trao đổi cụ thể khi phỏng vâ'n...
**tạp** **vụ** **văn**...Làm sạch khu vực **văn** **phòng**làm việc theo chỉ đạo của giám sát, làm toàn thời gian cố định theo giờ hành chính hoặc làm việc theo giờ...
**tạp** **vụ**lau chùi, dọn dẹp trong các **văn** **phòng**, khu vực công cộng trong các tòa nhà **văn** **phòng**, trường học, vệ sinh khu vực sản xuất... - **Phòng**Nhân Sự Địa chỉ công ty: Tòa nhà Coalimex, 29-31 Đinh Bộ Lĩnh, P.24, Q.Bình Thạnh, TP. HCM Ứng tuyển: Vui lòng bấm "NỘP ĐƠN" ở bên trên...
[Hà Nội](/viec-lam-tai-ha-noi-121826.html)
- 3.000.000-5.000.000₫ một tháng
**tạp** **vụ** **văn** **phòng**hoặc các...- Dọn dẹp vệ sinh trong **văn** **phòng**Công ty. - Chi tiết công việc sẽ trao đổi trong quá trình **phỏng** **vấn**. Quyền lợi: - Mức lương cạnh...

Content-Language: vi

Set-Cookie: queries=s%3Dtap+vu+van+phong%26l%3DVi%E1%BB%87t+Nam%26lid%3D121784; path=/; expires=Thu, 18-Jan-2018 14:08:24 GMT

Server: Apache

Vary: Accept-Encoding,User-Agent


markdown:
![](images/graphics/like24x24.png)
![](images/graphics/muiten36x20.png)
![ Bài giảng bài Vẽ hoặc nặn cái ô tô Mỹ Thuật 1](http://image.elib.tlvnimg.com/document/thumbnail/collection/240x160/1-27_199_1395221871.jpg)
##
Bài giảng bài Vẽ hoặc nặn cái ô tô Mỹ Thuật 1
Mô tả bộ sưu tập
eLib.vn xin giới thiệu đến quý thầy cô và các em học sinh bộ sưu tập (BST) bài giảng điện tử bài Vẽ hoặc nặn cái ô tô đặc sắc nhất. Với phần nội dung bài học được truyền tải qua các slide Powerpoint, kèm hình ảnh mô tả rõ ràng, các em học sinh dễ dàng nắm bắt được kiến thức của bài Vẽ hoặc nặn cái ô tô như: hiểu được vẽ hoặc nặn được một chiếc ô tô theo ý thích và làm quen với nặn tạo dáng đồ vật. Bên cạnh đó, Thư viện eLib hy vọng rằng, thông qua việc tham khảo các bài giảng trong BST Bài giảng bài Vẽ hoặc nặn cái ô tô Mỹ Thuật 1, quý thầy cô có thêm ý tưởng để thiết kế bài giảng điện tử sống động, trực quan và hấp dẫn để phục vụ cho công tác giảng dạy của mình. Chúc các em và quý thầy cô có nhiều trải nghiệm khi tham khảo BST này.
[Bài Giảng Điện Tử](http://www.elib.vn/bai-giang-dien-tu/)» [Mỹ thuật](http://www.elib.vn/bai-giang-dien-tu/my-thuat/) ![](images/graphics/muiten100x40.jpg)

Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

Pragma: no-cache


text:
Like fanpage Thư viện Đề thi Kiểm tra để cùng chia sẻ kinh nghiệm làm bài
Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)
Mô tả bộ sưu tập
Một kỳ thi nữa lại đến gần. Với mong muốn giúp thầy cô giáo chuẩn bị, các em học sinh ôn tập, chúng tôi giới thiệu với các em BST Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản). Qua đó các em sẽ làm quen với các dạng câu hỏi và bài tập mở rộng. Hi vọng rằng, các em sẽ đạt kết quả tốt trong kỳ thi sắp tới.
Thể loại: Đề thi » Đề thi học kỳ
Chủ đề:
LIKE NẾU BẠN THÍCH BỘ SƯU TẬP
Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)
Tóm tắt nội dung
Mời quý thầy cô giáo và các em học sinh xem tài liệu này trong bộ sưu tập Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản) . Ngoài ra, quý thầy cô giáo và các em học sinh có thể tham khảo thêm nhiều tài liệu khác, hoặc đăng nhập để tải tài liệu về!.

markdown:
![](images/graphics/like24x24.png)
![](images/graphics/muiten36x20.png)
![ Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)](http://image.elib.tlvnimg.com/document/thumbnail/collection/240x160/459731-586_1431067526.jpg)
##
Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)
Mô tả bộ sưu tập
Một kỳ thi nữa lại đến gần. Với mong muốn giúp thầy cô giáo chuẩn bị, các em học sinh ôn tập, chúng tôi giới thiệu với các em BST Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản). Qua đó các em sẽ làm quen với các dạng câu hỏi và bài tập mở rộng. Hi vọng rằng, các em sẽ đạt kết quả tốt trong kỳ thi sắp tới.
Thể loại:
[Đề thi](http://www.elib.vn/de-thi/)» [Đề thi học kỳ](http://www.elib.vn/de-thi/de-thi-hoc-ky/)
Chủ đề:
![](images/graphics/muiten100x40.jpg)
![ Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)](http://image.elib.tlvnimg.com/document/thumbnail/collection/240x160/459731-586_1431067526.jpg)
##
Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)
Tóm tắt nội dung
Mời quý thầy cô giáo và các em học sinh xem tài liệu này trong bộ sưu tập
**Đề thi học kỳ 1 môn Ngữ văn lớp 10 Trường THPT Nông Cống, năm 2011 - 2012 (Chương trình cơ bản)**. Ngoài ra, quý thầy cô giáo và các em học sinh có thể tham khảo thêm nhiều tài liệu khác, hoặc đăng nhập để tải tài liệu về!.


text:
Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013
Mô tả bộ sưu tập
Thi Olympic Tiếng Anh trên mạng thật sự là sân chơi bổ ích cho các học sinh yêu thích học Tiếng Anh. Xuất phát từ thực tế đó, Thư viện eLib đã tuyển chọn Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013. Qua bộ đề thi các em sẽ rèn luyện được khả năng giải đề, làm quen với dạng đề, biết cách phân bổ thời gian hợp lý,…
Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013
Tóm tắt nội dung
Mời bạn tham khảo đoạn trích trong BST Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013 của thư viện eLib dưới đây:
Chọn câu trả lời tốt nhất cho những câu hỏi dưới đây.
1. Leticia had an original square with a side length of y units. She cut out a smaller square with a side length of x units from the original square. Which expression below represents the remaining area of the original square after the smaller square was cut out?
A. (y – x)(y) sq units B. (y – x)(x – y) sq units
C. (y – x)2 sq units D. (x + y)2 sq units
E. y2 – x2 sq units
2. Jenny notices that a music store is having a “No GST and 40% off the regular price” sale. If the regular price of a CD is $15.99, then what is the maximum number of sale-priced CDs that Jenny can buy with her $80 gift card?
A. 8 B. 9 C. 10 D. 11 E. 13
3. Various points have been plotted on the graph above. The title of the graph and the labels of the axes have been omitted. Which of the following statements is a possible interpretation of the graph above?
A. Nicole earns $20 for each hour she works.
B. For every 10 swimmers, 2 lifeguards are needed.
C. For every 10 pieces of candy Simone buys, she pays $1.
D. A runner runs at a constant speed of 2 km every 30 minutes.
E. None of them
4. Sally works as a car salesperson and earns a monthly salary of $2,000. She also earns $500 for each car (C) she sells. Which equation represents her total monthly income (I) in dollars?
A. I = 12(2,000 + 500C) B. I = 2,000 + 500C
C. I = (2,000 + 500)C D. I = 2,000C + 500
E. None of them
5. What is the solution to √x - 2 = 4?
A. 6 B. 12 C. 20 D. 36 E. 48
6. What is the measure of x in the diagram above?
A. 50° B. 55° C. 60° D. 65° E. 70°

markdown:
![](images/graphics/like24x24.png)
![](images/graphics/muiten36x20.png)
![ Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013](http://image.elib.tlvnimg.com/document/thumbnail/2015/20150617/giakiem_90/240x160/1866766553.jpg)
##
Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013
Mô tả bộ sưu tập
Thi Olympic Tiếng Anh trên mạng thật sự là sân chơi bổ ích cho các học sinh yêu thích học Tiếng Anh. Xuất phát từ thực tế đó, Thư viện eLib đã tuyển chọn Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013. Qua bộ đề thi các em sẽ rèn luyện được khả năng giải đề, làm quen với dạng đề, biết cách phân bổ thời gian hợp lý,…
[Đề thi](http://www.elib.vn/de-thi/)» [IOE Tiếng Anh](http://www.elib.vn/de-thi/ioe-tieng-anh/) ![](images/graphics/muiten100x40.jpg)
![ Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013](http://image.elib.tlvnimg.com/document/thumbnail/2015/20150617/giakiem_90/240x160/1866766553.jpg)
##
Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013
Tóm tắt nội dung
Mời bạn tham khảo đoạn trích trong BST
**Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013** của thư viện eLib dưới đây: **Chọn câu trả lời tốt nhất cho những câu hỏi dưới đây.**
1. Leticia had an original square with a side length of y units. She cut out a smaller square with a side length of x units from the original square. Which expression below represents the remaining area of the original square after the smaller square was cut out?
A. (y – x)(y) sq units B. (y – x)(x – y) sq units
C. (y – x)2 sq units D. (x + y)2 sq units
E. y2 – x2 sq units
2. Jenny notices that a music store is having a “No GST and 40% off the regular price” sale. If the regular price of a CD is $15.99, then what is the maximum number of sale-priced CDs that Jenny can buy with her $80 gift card?
A. 8 B. 9 C. 10 D. 11 E. 13
3. Various points have been plotted on the graph above. The title of the graph and the labels of the axes have been omitted. Which of the following statements is a possible interpretation of the graph above?
A. Nicole earns $20 for each hour she works.
B. For every 10 swimmers, 2 lifeguards are needed.
C. For every 10 pieces of candy Simone buys, she pays $1.
D. A runner runs at a constant speed of 2 km every 30 minutes.
E. None of them
4. Sally works as a car salesperson and earns a monthly salary of $2,000. She also earns $500 for each car (C) she sells. Which equation represents her total monthly income (I) in dollars?
A. I = 12(2,000 + 500C) B. I = 2,000 + 500C
C. I = (2,000 + 500)C D. I = 2,000C + 500
E. None of them
5. What is the solution to √x - 2 = 4?
A. 6 B. 12 C. 20 D. 36 E. 48
6. What is the measure of x in the diagram above?
A. 50° B. 55° C. 60° D. 65° E. 70°
**Đề thi Olympic Tiếng Anh lớp 11 vòng 19 đề số 2 năm 2013**sẽ giúp quý thầy cô có thêm tư liệu tham khảo, giúp các em học sinh học tập tốt hơn.


markdown:
![ Giáo án Địa lý 5 bài Đất và rừng](http://image.elib.tlvnimg.com/document/thumbnail/collection/240x160/3291_394687-696_1408521833.jpg)
##
Giáo án Địa lý 5 bài Đất và rừng
Mô tả bộ sưu tập
Chúng tôi hy vọng quá trình biên soạn giáo án của quý thầy cô giáo sẽ dễ dàng và hiệu quả hơn sau khi tham khảo xong bộ sưu tập Giáo án Địa lý 5 bài Đất và rừng này. Được chúng tôi chọn lọc rất cẩn thận từ nhiều giáo án hay trên khắp cả những, tất cả các giáo án bài Đất và rừng trong bộ sưu tập đều là những giáo án chất lượng và khoa học nhất, chắc chắn sẽ nguồn giáo án tham khảo quý giá cho các thầy cô. Thông qua nó, quý thầy cô không chỉ biết thêm nhiều cách soạn giáo án hay cũng như các phương pháp giảng dạy mới, mà các em học sinh cũng sẽ dễ dàng nắm bắt kiến thức của bài học hơn, hiểu các nội dung về vùng phân bố của đất phe-ra-lít, đất phù sa, rừng rậm nhiệt đới, rừng ngập mặn. Đồng thời, nêu được một số đặc điểm của đất phe-ra-lít và đất phù sa; rừng rậm nhiệt đới và rừng ngập mặn một cách chính xác và đầy đủ hơn. Mời quý thầy cô cùng tham khảo.
[Giáo Án Điện Tử](http://www.elib.vn/giao-an-dien-tu/)» [Địa lý](http://www.elib.vn/giao-an-dien-tu/dia-ly/) ![](images/graphics/muiten100x40.jpg)


text:
mua ban xe hoi - salon oto - mua xe oto - oto gia re - phu tung oto - Thietkeweb Emsvn
Tìm kiếm từ google: thiet ke web, cong ty thiet ke web, thiết kế web, web chuẩn SEO

Set-Cookie: GeneralCookie=; expires=Wed, 01-Feb-2017 13:58:00 GMT; path=/

X-Compressed-By: HttpCompress


text:
Vào tháng 3, đã từ xuất hiện những hình ảnh rò rỉ được cho là viên pin của iPhone 7, cho thấy rằng chiếc iPhone mới sẽ có pin 7.04Whr, con số này lớn hơn một chút so với iPhone 6s nhưng lại giống với iPhone 6.
Giờ đây lại có thêm một tin đồn mới từ mạng xã hội Weibo của Trung Quốc. Theo như tin này thì Apple sẽ tích hợp vào iPhone 7 một viên pin có dung lượng “lớn hơn một chút” so với iPhone 6s. Đặc biệt, nguồn tin này cho biết iPhone 7 sẽ có dung lượng pin chính xác là 1735mAh và iPhone 7 Plus sẽ có dung lượng pin 2810 mAh. Trong khi đó dung lượng pin trên iPhone 6s là 1715 mAh và iPhone 6s Plus là 2750mAh.
Đây có phải là pin của iPhone 7?
Khi so sánh với hai chiếc smartphone đời trước nữa là iPhone 6 và iPhone 6 Plus thì dung lượng pin trên iPhone 7/7 Plus có phần ít hơn một chút. Dung lượng pin trên iPhone 6 là 1810 mAh và iPhone 6 Plus là 2910 mAh. Dù có dung lượng pin lớn hơn nhưng điều này không có nghĩa là thời lượng dùng pin của các iPhone mới sẽ được cải thiện nhiều. Thay vào đó, có lẽ Apple tăng dung lượng pin là phục vụ cho bộ xử lý A10 mạnh mẽ hơn. Như vậy, nhiều khả năng thời gian sử dụng của iPhone 7 và iPhone 7 Plus sẽ tương tự như trên iPhone 6s và 6s Plus.
Tính đến hiện nay thì iPhone 7 đã có khá nhiều tin đồn đáng quan tâm, như việc sẽ có hai hoặc ba phiên bản, không còn đường nhựa ở mặt lưng, không còn jack tai nghe 3.5mm. Trong khi đó chiếc iPhone 7 Plus sẽ được trang bị thêm camera kép.
Tags: #ios #iphone-6 #iphone-6-plus #iphone-6s #iphone-6s-plus #iphone-7 #news

markdown:
![ ](http://i.imgur.com/Z8X3uxy.jpg)
Vào tháng 3, đã từ xuất hiện những hình ảnh rò rỉ được cho là viên pin của iPhone 7, cho thấy rằng chiếc iPhone mới sẽ có pin
**7.04Whr**, con số này lớn hơn một chút so với iPhone 6s nhưng lại giống với iPhone 6.
Giờ đây lại có thêm một tin đồn mới từ mạng xã hội Weibo của Trung Quốc. Theo như tin này thì Apple sẽ tích hợp vào iPhone 7 một viên pin có dung lượng “lớn hơn một chút” so với iPhone 6s. Đặc biệt, nguồn tin này cho biết iPhone 7 sẽ có dung lượng pin chính xác là
**1735mAh**và iPhone 7 Plus sẽ có dung lượng pin **2810 mAh**. Trong khi đó dung lượng pin trên iPhone 6s là **1715 mAh**và iPhone 6s Plus là **2750mAh**. ![ ](http://i.imgur.com/vXquYFV.jpg)
*Đây có phải là pin của iPhone 7?*
Khi so sánh với hai chiếc smartphone đời trước nữa là iPhone 6 và iPhone 6 Plus thì dung lượng pin trên iPhone 7/7 Plus có phần ít hơn một chút. Dung lượng pin trên iPhone 6 là
**1810 mAh**và iPhone 6 Plus là **2910 mAh**. Dù có dung lượng pin lớn hơn nhưng điều này không có nghĩa là thời lượng dùng pin của các iPhone mới sẽ được cải thiện nhiều. Thay vào đó, có lẽ Apple tăng dung lượng pin là phục vụ cho bộ xử lý A10 mạnh mẽ hơn. Như vậy, nhiều khả năng thời gian sử dụng của iPhone 7 và iPhone 7 Plus sẽ tương tự như trên iPhone 6s và 6s Plus.
Tính đến hiện nay thì iPhone 7 đã có khá nhiều tin đồn đáng quan tâm, như việc sẽ có hai hoặc ba phiên bản, không còn đường nhựa ở mặt lưng, không còn jack tai nghe 3.5mm. Trong khi đó chiếc iPhone 7 Plus sẽ được trang bị thêm camera kép.
**Techrum** **Tags:** [#ios](/tags/ios) [#iphone-6](/tags/iphone-6) [#iphone-6-plus](/tags/iphone-6-plus) [#iphone-6s](/tags/iphone-6s) [#iphone-6s-plus](/tags/iphone-6s-plus) [#iphone-7](/tags/iphone-7) [#news](/tags/news) ![](http://i48.servimg.com/u/f48/16/18/15/10/untit210.png)
Leave this blue neighbourhood
Never knew loving could hurt this good
Troye Sivan ft. Alessia Cara ![]()

WARC-Truncated: length

X-XSS-Protection: 1; mode=block

Cache-Control: post-check=0, pre-check=0

X-Content-Type-Options: nosniff

Vary: User-Agent

P3P: CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"


text:
Sau mùa Đông biển động gây sạt lở bờ biển Cửa Đại, giờ đây, những ngọn cỏ tươi non trên bãi cát trước Khu du lịch Biển Hội An đã hân hoan trong gió sớm. Nhịp bước vội vã của thời gian càng khiến cho hương sắc mùa Xuân tràn về khắp vùng quê biển, du khách cũng háo hức với đất trời chuyển mùa.
Vài năm trở lại đây, tiềm năng du lịch biển Tam Thanh (TP.Tam Kỳ) được chú trọng đầu tư, khai thác và dần tạo dấu ấn đối với du khách.
Sự xuất hiện khu nghỉ dưỡng đầu tiên tại bãi Bấc, Cù Lao Chàm (Hội An) đã khiến nhiều người ngỡ ngàng vì dáng vẻ yên bình, gần gũi hòa nhập vào thế giới hoang sơ của đảo. Giờ thì du khách có thể tham gia tour tham quan Cù Lao Chàm bằng tàu cao tốc.
Thoạt nhìn những tấm ảnh này, bạn sẽ nghĩ đó là một tác phẩm nghệ thuật được ghép từ những miếng kính màu lung linh hoặc một bức phù điêu theo phong cách hiện đại. Nhưng, "nhìn vậy mà không phải vậy"... (theo Dân trí - Bích Ngọc) (theo Dailymail)
(Dân trí) - Ngày 15/9, tạp chí du lịch trực tuyến Smart Travel Asia chính thức công bố kết quả bầu chọn các thương hiệu du lịch tốt nhất châu Á năm 2011. Theo đó, trong top 10 điểm đến tốt nhất châu Á có tên TP Hà Nội và phố cổ Hội An (Quảng Nam).
Trang123Trang tiếp

markdown:
Sau mùa Đông biển động gây sạt lở bờ biển Cửa Đại, giờ đây, những ngọn cỏ tươi non trên bãi cát trước Khu du lịch Biển Hội An đã hân hoan trong gió sớm. Nhịp bước vội vã của thời gian càng khiến cho hương sắc mùa Xuân tràn về khắp vùng quê biển, du khách cũng háo hức với đất trời chuyển mùa.
Vài năm trở lại đây, tiềm năng du lịch biển Tam Thanh (TP.Tam Kỳ) được chú trọng đầu tư, khai thác và dần tạo dấu ấn đối với du khách.
Sự xuất hiện khu nghỉ dưỡng đầu tiên tại bãi Bấc, Cù Lao Chàm (Hội An) đã khiến nhiều người ngỡ ngàng vì dáng vẻ yên bình, gần gũi hòa nhập vào thế giới hoang sơ của đảo. Giờ thì du khách có thể tham gia tour tham quan Cù Lao Chàm bằng tàu cao tốc.
Thoạt nhìn những tấm ảnh này, bạn sẽ nghĩ đó là một tác phẩm nghệ thuật được ghép từ những miếng kính màu lung linh hoặc một bức phù điêu theo phong cách hiện đại. Nhưng, "nhìn vậy mà không phải vậy"... (theo Dân trí - Bích Ngọc) (theo Dailymail)
(Dân trí) - Ngày 15/9, tạp chí du lịch trực tuyến Smart Travel Asia chính thức công bố kết quả bầu chọn các thương hiệu du lịch tốt nhất châu Á năm 2011. Theo đó, trong top 10 điểm đến tốt nhất châu Á có tên TP Hà Nội và phố cổ Hội An (Quảng Nam).
Trang
[1] [2](/tin-tuc/du-lich/?p=2) [3](/tin-tuc/du-lich/?p=3) [Trang tiếp](/tin-tuc/du-lich/?p=2)

Content-Type: text/html


text:
Tổng Biên tập: Dương Thanh Tùng
14 Đinh Tiên Hoàng, Quận 1, TP.HCM, Việt Nam
Điện thoại: (84.8) 38291667
Fax: (84.8) 38298457
Email: web@htv.com.vn
Bản quyền của Đài Truyền hình Thành phố Hồ Chí Minh
Sử dụng thông tin của website này phải ghi rõ nguồn www.htv.com.vn
Giấy phép ICP Số 27/GP-TTĐT cấp ngày 15/02/2011

X-MS-InvokeApp: 1; RequireReadOnly


text:
Vai trò của tác giả HTML5, một sự kết hợp dũng cảm của nhà thiết kế và nhà phát triển, là để xây dựng các ứng dụng Internet phong phú có hiệu quả (RIA) và đặc biệt là các UI phong phú. Về hiệu quả tôi muốn nói về việc tạo các cải tiến nói chung và các cải tiến có tính hệ thống mà về mặt kỹ thuật số làm cho đàm thoại dễ dàng giữa chủ sở hữu trang web, các đại lý của chủ sở hữu và người sử dụng của trang web.
Các RIA là nguồn gốc và phương tiện truyền bá kinh nghiệm làm thỏa mãn người dùng và, do đó, là một phần thiết yếu của bất kỳ công việc kinh doanh lấy mạng làm trung tâm thành công nào. Theo tự nhiên, các hoạt động lấy mạng làm trung tâm có tính chất cộng tác ở mức độ này hay khác. Một cách tiếp cận thành công với sự cộng tác kỹ thuật số là cần thiết cho sự thành công của đại lý ở tất cả các cấp, bao gồm tiếp thị và quản lý. Cần vượt qua khả năng để trang web đáp ứng được những mong đợi về chất lượng của khách truy cập của nó.
HTML5, như bạn đã thấy, là hoàn toàn thích hợp cho "một thế giới web" có tính cộng tác về các khả năng xuyên qua các nền tảng, hội tụ viễn thông, ngôn ngữ thống nhất, điện toán ở khắp nơi, và các hệ thống mở. Ba bài đăng đầu tiên của loạt bài này tập trung vào ngữ nghĩa, các phương thức mã hóa thích hợp, đầu vào đóng vai trò trong quá trình trao đổi quan trọng, và các cách thực hành tốt nhất về quản lý trang web, tất cả đều được thiết kế để đặt nền móng tạo ra các RIA theo cách có tổ chức và hợp lý. Các chủ đề phổ biến trong mỗi bài viết đã đăng là việc sản xuất và quản lý một trải nghiệm người dùng phong phú là rất quan trọng để đạt được các mục tiêu đại lý của chủ sở hữu trang web đó. Canvas của HTML5 đóng một vai trò quan trọng trong sự phát triển các RIA hiệu quả.
Canvas là?
Canvas HTML5 là một phần tử vẽ và tạo hình ảnh động vô cùng có ích. Canvas sử dụng JavaScript để vẽ đồ họa trực tiếp trên trang web. Đây là vùng chữ nhật mà bạn định nghĩa và điều khiển và nó cho phép dựng hình 2D và hình ảnh bitmap động, theo bảng kịch bản lệnh.
Canvas HTML5 là lý tưởng để sản xuất tài liệu hình ảnh thú vị nhằm nâng cao các UI, các bản vẽ, các album ảnh, các biểu đồ, các đồ thị, các hình ảnh động, và các ứng dụng bản vẽ nhúng. Phần tử Canvas có một số phương thức để vẽ các đường, hình chữ nhật, hình tròn, và các nhân vật.
Các tọa độ canvas
Một điều kiện tiên quyết để vẽ trên canvas (khung nền ảnh) là phải biết rõ
về vùng lưới hoặc vùng tọa độ. Các phép đo vùng khung nền này theo chiều
rộng và chiều cao được tính bằng pixel (điểm ảnh). Canvas được dựng lên
xung quanh việc sử dụng các tọa độ
x và
y. Các tọa độ của canvas tại
x=0,
y=0 nằm ở góc trên bên trái.
Các thuộc tính mặc định cho vùng hình chữ nhật của canvas có chiều rộng là
300 pixels và chiều cao là 150 pixels, nhưng bạn có thể xác định kích
thước chính xác của phần tử canvas này bằng cách quy định chiều rộng và
chiều cao. Bản vẽ trong Hình 1 cho thấy cách triển khai thực hiện tọa độ
x và
y.
Hình 1. Các tọa độ canvas
Hình 1 cho thấy một vùng canvas 100 pixel x 100 pixel:
- Các góc trên bên trái có
x=0, y=0.
- Giá trị
xtăng theo chiều ngang, và giá trị
ytăng theo chiều dọc.
- Góc dưới cùng bên phải có
x=100, y=100.
- Tâm điểm có
x=50, y=50.
Bắt đầu
Để đặt bất cứ thứ gì trên canvas (khung nền ảnh), trước tiên bạn phải định
nghĩa canvas trong tệp HTML. Bạn phải tạo mã JavaScript để truy cập thẻ
<canvas> và giao tiếp với Canvas API của
HTML5 để vẽ hình ảnh của bạn.
Cấu tạo chính của thẻ
<canvas> là:
<canvas id="myCanvas" width="200" height="200"></canvas>
Một phần tử
canvas có hai thuộc tính riêng của
nó:
width (chiều rộng) và
height (chiều cao). Ngoài ra, phần tử canvas
còn sở hữu tất cả các thuộc tính HTML5 quan trọng, chẳng hạn như
class (lớp),
id (mã
định danh), và
name (tên). Thuộc tính
id thường dùng trong các mã được hiển thị ở
trên. JavaScript sử dụng
id của phần tử canvas
được tạo ở đây để xác định phần tử canvas để vẽ lên. JavaScript xác định
phần tử canvas thích hợp bằng cách sử dụng phương thức
document.getElementById(), như được hiển thị
dưới đây:
var canvas = document.getElementById("myCanvas");
Mỗi phần tử canvas phải có một định nghĩa ngữ cảnh, như hình dưới đây. Hiện nay, đặc tả chính thức chỉ công nhận môi trường 2D:
var context = canvas.getContext("2d");
Sau khi bạn xác định phần tử canvas và xác định rõ ngữ cảnh của nó, bạn đã sẵn sàng bắt đầu vẽ.
Các công cụ vẽ, các hiệu ứng, và các phép biến đổi
Cuộc thảo luận này về Canvas của HTML5 đi qua các công cụ vẽ, các hiệu ứng, và các phép chuyển đổi khác nhau. Các công cụ vẽ bao gồm:
- Các đường kẻ
- Các hình chữ nhật
- Các cung tròn
- Các đường cong Bezier và đường cong bậc hai
- Các hình tròn và hình bán nguyệt
Các hiệu ứng Canvas mà bạn sẽ sử dụng là:
- Tô đầy và các nét
- Các gradien tuyến tính và xuyên tâm
Các phép biến đổi được thảo luận bao gồm:
- Tỉ lệ
- Quay tròn
- Tịnh tiến
Các đường vẽ
Để vẽ một đường trên canvas, sử dụng các phương thức
moveTo(),
lineTo(),
và
stroke(). Ngoài ra, bạn sử dụng phương thức
beginPath() để thiết lập lại đường dẫn hiện
tại:
context.beginPath();
Context.moveTo(x,y);
Context.lineTo(x,y);
Context.stroke(x,y);
Phương thức
beginPath() bắt đầu một đường dẫn
mới. Trước khi bạn vẽ một đường kẻ mới với các đường dẫn nhỏ khác nhau,
bạn phải sử dụng phương thức
beginPath() để cho
biết rằng một điểm khởi đầu mới cho hướng đi của bản vẽ. Không cần phải
gọi phương thức
beginPath() khi bạn vẽ đường
thẳng đầu tiên.
Phương thức
moveTo() cho biết nơi bắt đầu đường
dẫn nhỏ mới. Phương thức
lineTo() tạo các đường
dẫn nhỏ. Bạn có thể thay đổi sự xuất hiện của đường kẻ bằng các phần tử
lineWidth và
strokeStyle. Phần tử
lineWidth thay đổi độ dày của đường này, và
strokeStyle thay đổi màu sắc.
Trong Hình 2, ba đường kẻ được vẽ tương ứng bằng màu xanh dương, xanh lá cây, và màu đỏ tía.
Hình 2. Canvas có các đường kẻ theo ba màu khác nhau
Các đường kẻ trong Hình 2 do đoạn mã trong Liệt kê 1
tạo ra. Đường kẻ màu xanh dương có hai đầu làm tròn được tạo ra bằng cách
đầu tiên thiết lập một đường dẫn mới để bắt đầu:
context.beginPath(). Tiếp theo là:
context.moveTo(50, 50), đặt điểm đầu cho đường dẫn này
(x=50, y-50)
context.lineTo(300,50), xác định điểm cuối cho đường kẻ này
context.lineWidth = 10, là độ rộng của đường kẻ này
context.strokeStyle = "#0000FF", là màu sắc của đường kẻ này
context.lineCap = "round", làm tròn các đầu đường kẻ
context.stroke(), thực sự vẽ đường kẻ này trên canvas
Tất cả các đường kẻ đều có chiều dài là 50 pixel, mặc dù chúng xuất hiện có các chiều dài khác nhau — một ảo giác gây ra bởi các mũ đường kẻ khác nhau. Có ba kiểu mũ đường kẻ có thể:
Context.round(xanh dương)
Context.square(xanh lá cây)
Context.butt(màu đỏ tía — mặc định)
Mũ ghép là giá trị mặc định. Khi bạn sử dụng một kiểu mũ tròn hoặc hình vuông, chiều dài của đường kẻ này tăng lên một lượng đúng bằng chiều rộng của đường kẻ này. Ví dụ, một đường kẻ dài 200 pixel và rộng 10 pixel có kiểu mũ tròn hoặc vuông sẽ có chiều dài đường kẻ là 210 pixel, bởi vì mỗi nắp sẽ bổ sung thêm 5 pixel cho mỗi đầu của đường kẻ này. Một đường kẻ dài 200 pixel và rộng 20 pixel có kiểu mũ tròn hoặc vuông sẽ có chiều dài đường kẻ kết quả là 220 pixel, vì mỗi mũ sẽ thêm 10 pixel cho mỗi đầu của đường kẻ này.
Thực hiện và làm thay đổi mã trong Liệt kê 1 để có được hiểu biết nhiều hơn về cách vẽ các đường kẻ.
Liệt kê 1. Tạo ba đường kẻ có màu khác nhau trên canvas
<!DOCTYPE HTML>   <title>Line Example</title>     <canvas id="myCanvas" width="400" height="200"> </canvas>
Vẽ các hình chữ nhật
Có ba phương thức để xử lý một vùng hình chữ nhật trên canvas:
fillRect(x,y,width,height), vẽ một hình chữ nhật thêm vào
strokeRect(x,y,width,height), vẽ nét ngoài của một hình chữ nhật
clearRect(x,y,width,height), xóa vùng cụ thể và làm cho nó hoàn toàn trong suốt
Đối với một trong ba phương thức nói trên,
x và
y chỉ ra vị trí trên canvas tương đối so với
góc trên bên trái của hình chữ nhật (
x=0, y=0),
và
width và
height
tương ứng là chiều rộng và chiều cao của hình chữ nhật.
Hình 3 cho thấy ba vùng hình chữ nhật do đoạn mã trong Liệt kê 2 tạo ra.
Hình 3. Canvas hình chữ nhật
Phương thức
fillRect() tạo ra một hình chữ nhật
được tô đầy bằng màu đen mặc định. Phương thức
clearRect() xóa một vùng hình chữ nhật ở giữa
hình chữ nhật đầu tiên. Đó là cùng giữa hình chữ nhật được hình thành bởi
phương thức
fillRect(). Phương thức
strokeRect tạo ra một hình chữ nhật chỉ có
đường viền màu đen nhìn thấy được.
Liệt kê 2. Mã canvas hình chữ nhật
<!DOCTYPE HTML>   <title>Rectangle Example</title>     <canvas id="myCanvas" width="200" height="200"></canvas>
Vẽ các cung, các đường cong, các hình tròn, và các hình bán nguyệt
Cả hai hình tròn và hình bán nguyệt đều sử dụng phương thức
arc(). Phương thức
arc() có sáu đối số:
context.arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise);
Các đối số
centerX và
centerY là các tọa độ của tâm hình tròn. Đối số
radius (bán kính) giống như với toán học là:
một đường thẳng từ tâm đến chu vi. Cung được tạo ra sẽ là một phần của
hình tròn đã định. Các đối số
startAngle và
endAngle tương ứng là điểm đầu và điểm cuối của
cung tính bằng radian. Đối số
anticlockwise
(ngược chiều kim đồng hồ) là một giá trị Boolean. Khi giá trị này
true (đúng) thì cung được vẽ ngược chiều kim
đồng, khi là
false (sai) thì cung được vẽ theo
chiều kim đồng hồ.
Để vẽ một hình tròn bằng phương thức
arc(), hãy
định nghĩa góc đầu là
0 và góc cuối là
2*PI, như được hiển thị dưới đây:
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
Để vẽ một hình bán nguyệt bằng phương thức
arc(), hãy xác định góc cuối là
startingAngle + PI, như được hiển thị dưới đây:
context.arc(centerX, centerY, radius, startingAngle, startingAngle + Math.PI, false);
Đường cong bậc hai
Bạn tạo một đường cong bậc hai bằng cách sử dụng phương thức
quadraticCurveTo() được hiển thị dưới đây. Các
đường cong bậc hai được xác định bởi điểm ngữ cảnh, một điểm điều khiển,
và một điểm cuối. Điểm điều khiển xác định độ cong của đường thẳng này.
context.moveTo(x, y); context.quadraticCurveTo(controlX, controlY, endX, endY);
Đường cong Bezier
Cũng như với đường cong bậc hai, đường cong Bezier có một điểm đầu và cuối; nhưng không giống đường cong bậc hai, nó có hai điểm điều khiển:
context.moveTo(x, y); context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
Bạn tạo một đường cong Bezier bằng phương thức
bezierCurveTo(). Vì đường cong Bezier được định
nghĩa có hai điểm điều khiển chứ không phải chỉ có một, nên bạn có thể tạo
các độ cong phức tạp hơn.
Hình 4 hiển thị — từ trái sang phải — một cung, một đường cong bậc hai, một đường cong Bezier, một hình bán nguyệt, và một hình tròn.
Hình 4. Cung, các đường cong, và các hình tròn
Hình 4 được tạo bằng cách sử dụng mã trong Liệt kê 3.
Liệt kê 3. Mã của cung, đường cong, và hình tròn
<!DOCTYPE HTML>   <title>Arcs, Curves, Circles, & Semicircles</title>     <canvas id="myCanvas" width="600" height="500"> </canvas>
Các phép biến đổi: tịnh tiến, tỷ lệ, và quay tròn
Các phương thức
translate(),
scale(), và
rotate()
tất cả đều sửa đổi ma trận hiện tại. Phương thức
translate(x, y) di chuyển các mục trên canvas
đến một điểm khác trên lưới. Trong phương thức
translate(x,y), các tọa độ
(x,y) cho biết số điểm ảnh mà ảnh nên được di
chuyển theo hướng-x và số điểm ảnh mà ảnh phải được di chuyển theo
hướng-y.
Nếu bạn vẽ một ảnh tại
(15,25) bằng phương thức
drawImage(), bạn có thể sử dụng phương thức
translate() có các đối số
(20,30), để đặt ảnh này ở vị trí
(15+20, 25+30) = (35, 55).
Phương thức
scale(x,y) thay đổi kích thước của
một ảnh. Đối số
x xác định rõ hệ số tỷ lệ theo
chiều ngang, và đối số
y xác định rõ hệ số tỷ
lệ theo chiều dọc. Ví dụ,
scale(1.5, .75) sẽ
tạo một ảnh lớn hơn 50% theo hướng x và chỉ bằng 75% kích thước hiện tại
theo hướng y. Phương thức
rotate(angle) chuyển
đổi một đối tượng dựa trên góc đã định.
Hình 5 là một ví dụ về những gì có thể được đưa ra khi sử dụng các phương
thức
translate(),
scale(), và
rotate().
Hình 5. Sử dụng các phép biến đổi
Liệt kê 4 cung cấp đoạn mã đã tạo ảnh trong Hình 5.
Liệt kê 4. Mã để tạo các phép biến đổi
<!DOCTYPE HTML>   <Title>Transformations Example</title>    <canvas id="myCanvas" width="400" height="400"></canvas>
Các gradien
Một gradien là một vùng tô đầy di chuyển từ một màu này sang màu khác, pha trộn các màu ở nơi chúng giao nhau. Có hai kiểu gradien mà bạn có thể tạo trong Canvas là: tuyến tính và xuyên tâm.
Bạn tạo ra một gradien tuyến tính bằng phương thức
createLinearGradient(). Phương thức
createLinearGradient(x0,y0,x1,y1) tạo ra một gradien dọc theo
một đường thẳng được xác định bởi hai điểm:
(x0,y0) và
(x1,y1)—
tương ứng, là điểm đầu và điểm cuối của gradien. Phương thức này trả về
một đối tượng.
Một gradien màu có thể có nhiều màu sắc. Phương thức
addcolorStop(offset, color) xác định rõ sự lưu
lại màu với màu sắc được chỉ ra cho gradien ở giá trị bù cụ thể. Phương
thức
addColorStop() cho phép bạn chỉ rõ một giá
trị bù giữa 0 và 1, ở đây quá trình chuyển tiếp sang màu bên cạnh bắt đầu.
Giá trị
0 là giá trị bù ở một đầu của gradien;
1 là giá trị bù ở đầu kia. Sau khi đã định
nghĩa gradien màu, đối tượng gradien có thể được gán cho phương thức
fillStyle(). Bạn cũng có thể vẽ văn bản bằng
một gradien bằng cách sử dụng phương thức
fillText().
Gradien xuyên tâm —
createradialGradient(x0,y0,r0,x1,y1,r1)— kết hợp hai hoặc nhiều màu trong một mẫu hình tròn hoặc
hình nón bằng cách sử dụng sáu đối số:
(x0,y0). Tâm của hình tròn đầu tiên của một hình nón
r0. Bán kính của hình tròn đầu tiên
(x1,y1). Tâm của hình tròn thứ hai của hình nón
r1. Bán kính của hình tròn thứ hai
Hình 6 có bốn gradien: một gradien tuyến tính, một gradien văn bản, một gradien tuyến tính theo đường chéo, và một gradien xuyên tâm.
Hình 6. Ví dụ về gradien
Hình 6 đã được tạo bằng cách sử dụng mã trong Liệt kê 5.
Liệt kê 5. Mã mẫu của gradien
<!doctype>   <title>Gradient Example</title>

<canvas id="myCanvas" width="600" height="400"></canvas>

Cắt ảnh
Bạn có thể thay đổi các ảnh bằng cách cắt các vùng đã chọn bên ngoài chúng.
Cắt trên canvas là một hàm chất tải lên phương thức
drawImage(). Phương thức
drawImage() có ba tùy chọn. Bạn có thể sử dụng
hoặc ba, năm, hoặc chín đối số.
Cấu hình ba-đối số —
drawImage(image, dx, dy)—
vẽ ảnh này trên canvas ở tọa độ đích
(dx,
dy). Các tọa độ này thiết lập góc trên bên trái của hình ảnh.
Cấu hình năm-đối số —
drawImage(image, dx, dy, dw,
dh)—đưa ra chiều rộng và chiều cao của ảnh đích.
Hình ảnh này được điều chỉnh để phù hợp với chiều rộng và chiều cao của
đích này.
Cấu hình chín-đối số —
drawImage(image, sx, sy, sw, sh, dx, dy, dw,
dh)— lấy một hình ảnh, cắt rời ra một vùng hình
chữ nhật bắt đầu ở các tọa độ nguồn
(sx,sy) với
chiều rộng và chiều cao
(sw,sh), và điều chỉnh
nó cho phù hợp với chiều rộng và chiều cao
(dw,dh) của đích này, đặt nó trên canvas tại
(dx,dy).
Hình 7 cho thấy hình ảnh mà bạn sẽ cắt ra.
Hình 7. Cắt một ảnh
Khi sử dụng ảnh được hiển thị trong Hình 7, một tập các ảnh được đặt trên canvas (khung nền ảnh) này. Một ảnh là một canvas đã định kích thước và được sử dụng làm khung nền. Một ảnh khác được tạo ra nhỏ hơn và chèn vào phía dưới bên phải của khung nền đó. Một ảnh thứ ba là ảnh cắt ra phần đầu của Napoleon mà bạn đặt ở góc trên bên trái của khung nền này. Ảnh đã cắt xong được hiển thị trong Hình 8.
Hình 8. Ảnh đã cắt xong
Hình 8 được tạo bằng cách sử dụng đoạn mã trong Liệt kê 6. Trước khi thực hiện mã này, hãy chắc chắn tải tệp ảnh Napolean.png được dùng trong ví dụ này.
Liệt kê 6. Đoạn mã để cắt ảnh ví dụ
<!doctype>   <title>Crop Example</title>

<canvas id="cropNapolean" width="600" height="400"></canvas>

Hình ảnh động và nhiều canvas
Khi làm việc với hình ảnh động, câu hỏi về các lớp luôn phát sinh. Các lớp cho phép các thành phần được tách rời nhau, làm cho việc mã hóa và gỡ lỗi dễ dàng hơn và hiệu quả hơn. Canvas API không có các lớp, nhưng bạn có thể tạo nhiều khung nền ảnh (canvas).
Hình ảnh động phải được kiểm soát theo thời gian. Vì vậy, để tạo một hình ảnh động, bạn phải giải quyết từng khung hình của hình ảnh động. Canvas API có hạn chế chủ yếu khi nó tạo hình ảnh động: Sau khi một hình được gỡ khỏi canvas, nó vẫn như vậy. Để di chuyển hình này, bạn phải vẽ lại nó.
Để tạo một hình ảnh động:
- Hãy xóa canvas của các hình bất kỳ đã được vẽ trước đó.
- Lưu lại trạng thái canvas để đảm bảo trạng thái ban đầu được sử dụng mỗi khi một khung được vẽ.
- Thực hiện các bước để hiển thị các khung hình.
- Nếu bạn đã lưu trạng thái đó, hãy khôi phục lại nó trước khi vẽ một khung mới.
Bạn có thể điều khiển hình ảnh động theo hai cách: bằng cách sử dụng các
hàm
setInterval hay
setTimeout, mỗi hàm có thể được dùng để gọi một
hàm theo một khoảng thời gian đặt trước. Hàm
setInterval thực hiện mã được cung cấp lặp lại
nhiều lần. Hàm
setTimeout chỉ thực hiện một lần
sau khi thời gian đặt trước đã trôi qua.
Hình 9 cho thấy một khung hình của hình ảnh động nhiều canvas của người bơi. Nước ở trên một canvas, và người bơi ở trên một canvas khác.
Hình 9. Hình ảnh động khi sử dụng các hình ảnh trên nhiều canvas
Bạn tạo người bơi bằng cách sử dụng đoạn mã trong Liệt kê 7. Người bơi này
sử dụng một gradien tuyến tính để tạo nước. Nước có bốn sắc thái của màu
xanh, cung cấp một ảo giác hợp lý của nước. Bạn tạo chuyển động cho người
bơi bằng cách sử dụng các giá trị
positionX và
positionY, để làm thay đổi các tư thế của ảnh.
Bạn tạo đầu của người bơi bằng cách sử dụng phương thức
arc(). Các chân và cánh tay của người bơi được
tạo bằng cách vẽ các đường kẻ rồi thay đổi các vị trí
lineTo() của chúng. Bạn thay đổi thân bằng cách
thay đổi vị trí
moveTo(). Vì đây là một hình
ảnh động, nên bạn sẽ phải thực hiện đoạn mã này để xem người bơi chuyển
động như thế nào.
Liệt kê 7. Ví dụ về hình ảnh động
<!DOCTYPE HTML>   <title>Animation & Multiple Canvas Example</title>    <canvas id="myWaterCanvas" width="400" height="400" style="z-index: 2; position:absolute;left:0px;top:0px;"> </canvas> <canvas id="mySwimmerCanvas" width="400" height="400" style="z-index: 1; position:absolute;left:0px;top:0px;"> </canvas>
Kết luận
Canvas HTML5 là điểm chính để xây dựng các RIA dựa trên trình duyệt. Nó cung cấp một môi trường vẽ thiết thực được JavaScript và trí tưởng tượng của bạn thúc đẩy. Nó không thực sự khó học, và có nhiều công cụ hỗ trợ trên trang web cho nhu cầu rèn luyện và học tập của bạn, bao gồm các cẩm nang, các blog, các bài viết trực tuyến, các hướng dẫn video và không-video, và các ứng dụng mẫu.
Khả năng để thay đổi văn bản và hình ảnh trực quan và để mô phỏng chuyển động làm cho Canvas trở thành một công cụ vô cùng có giá trị. Cho dù bạn tiếp cận nó từ quan điểm của một nhà thiết kế hay nhà phát triển, việc sử dụng Canvas để xây dựng các ứng dụng trò chơi chạy trên các thiết bị di động, hoặc chỉ muốn nâng cao việc sử dụng toàn bộ tài sản thực của màn hình, thì Canvas vẫn là một thành phần quan trọng của trải nghiệm HTML5.
Tải về
Tài nguyên
Học tập
- "Tạo các đồ họa thú vị bằng HTML5 canvas" (developerWorks, 02.2011) là một hướng dẫn để phát triển các kỹ thuật và các quy trình đồ họa.
- Trung tâm Safari Dev có một trình diễn có tên là Thao tác điểm ảnh của canvas là một ví dụ tuyệt vời về quản lý canvas để phát triển các tài sản trực quan có hiệu quả.
- Tiêu chuẩn nóng hổi HTML của WHATWG cung cấp một cửa sổ mở ra phát triển phát triển của các đặc tả canvas của HTML5.
- Tài liệu tham khảo HTML5 Canvas của W3Schools.com có một số bài tập có ích để giúp bạn trau dồi kiến thức canvas của bạn.
- Hướng dẫn Canvas của các tài liệu MDM là một hướng dẫn cơ bản, thú vị phản ánh ý kiến của giới chuyên môn phát triển của Mozilla.
- Chúng ta hãy gọi nó là một bản vẽ là một buổi diễn tập đầu tiên sáng tạo với một hiểu biết cơ bản về canvas của HTML5.
- Vùng phát triển Web chuyên về các bài viết trình bày các giải pháp dựa trên web khác nhau.
- Theo sát với sự kiện kỹ thuật và webcast kỹ thuật của developerWorks tập trung vào một loạt các sản phẩm của IBM và các chủ đề ngành công nghiệp CNTT.
- Theo dõi developerWorks trên Twitter.
Lấy sản phẩm và công nghệ
- Bộ công cụ Dojo, một thư viện JavaScript mô đun mã nguồn mở, giúp bạn nhanh chóng phát triển nền tảng chéo, các ứng dụng và các trang web JavaScript/dựa trên Ajax.
- Hãy thử phần mềm của IBM miễn phí. Tải về phiên bản dùng thử, đăng nhập vào một thử nghiệm trực tuyến, làm việc với một sản phẩm trong một môi trường sandbox, hoặc truy cập nó thông qua đám mây. Chọn từ hơn 100 thử nghiệm sản phẩm của IBM.
Thảo luận
- Tạo hồ sơ cá nhân developerWorks của bạn ngay hôm nay và thiết lập một danh sách theo dõi về HTML. Kết nối và theo sát kết nối với cộng đồng developerWorks
- Tìm các thành viên developerWorks khác quan tâm đến phát triển web.
- Chia sẻ những gì bạn biết: Tham gia một trong các nhóm developerWorks của chúng tôi có tập trung vào các chủ đề web.
- Roland Barcia nói về Web 2.0 và phần mềm trung gian trong blog của mình.
- Theo dõi các đánh dấu trang được chia sẻ về các chủ đề web của các thành viên developerWorks.
- Nhận được các câu trả lời nhanh chóng: Hãy truy cập vào Diễn đàn về các ứng dụng Web 2.0.
- Nhận được các câu trả lời nhanh chóng: Hãy truy cập vào Diễn đàn Ajax.
Bình luận
-
Vùng dữ liệu trên developerWorks
Khám phá các bài viết xoay quanh lĩnh vực dữ liệu, Quản lý hệ thống thông tin
-
Vùng mã nguồn mở trên developerWorks
Xem các bài viết về HTML, CSS, JavaScript,...
-
Điện toán đám mây
Tìm hiểu về điện toán đám mây

markdown:
Vai trò của tác giả HTML5, một sự kết hợp dũng cảm của nhà thiết kế và nhà
phát triển, là để xây dựng các ứng dụng Internet phong phú có hiệu quả
(RIA) và đặc biệt là các UI phong phú.
*Về hiệu quả* tôi muốn nói
về việc tạo các cải tiến nói chung và các cải tiến có tính hệ thống mà về
mặt kỹ thuật số làm cho đàm thoại dễ dàng giữa chủ sở hữu trang web, các
đại lý của chủ sở hữu và người sử dụng của trang web.
Các RIA là nguồn gốc và phương tiện truyền bá kinh nghiệm làm thỏa mãn người dùng và, do đó, là một phần thiết yếu của bất kỳ công việc kinh doanh lấy mạng làm trung tâm thành công nào. Theo tự nhiên, các hoạt động lấy mạng làm trung tâm có tính chất cộng tác ở mức độ này hay khác. Một cách tiếp cận thành công với sự cộng tác kỹ thuật số là cần thiết cho sự thành công của đại lý ở tất cả các cấp, bao gồm tiếp thị và quản lý. Cần vượt qua khả năng để trang web đáp ứng được những mong đợi về chất lượng của khách truy cập của nó.
HTML5, như bạn đã thấy, là hoàn toàn thích hợp cho "một thế giới web" có tính cộng tác về các khả năng xuyên qua các nền tảng, hội tụ viễn thông, ngôn ngữ thống nhất, điện toán ở khắp nơi, và các hệ thống mở. Ba bài đăng đầu tiên của loạt bài này tập trung vào ngữ nghĩa, các phương thức mã hóa thích hợp, đầu vào đóng vai trò trong quá trình trao đổi quan trọng, và các cách thực hành tốt nhất về quản lý trang web, tất cả đều được thiết kế để đặt nền móng tạo ra các RIA theo cách có tổ chức và hợp lý. Các chủ đề phổ biến trong mỗi bài viết đã đăng là việc sản xuất và quản lý một trải nghiệm người dùng phong phú là rất quan trọng để đạt được các mục tiêu đại lý của chủ sở hữu trang web đó. Canvas của HTML5 đóng một vai trò quan trọng trong sự phát triển các RIA hiệu quả.
## Canvas là?
Canvas HTML5 là một phần tử vẽ và tạo hình ảnh động vô cùng có ích. Canvas sử dụng JavaScript để vẽ đồ họa trực tiếp trên trang web. Đây là vùng chữ nhật mà bạn định nghĩa và điều khiển và nó cho phép dựng hình 2D và hình ảnh bitmap động, theo bảng kịch bản lệnh.
Canvas HTML5 là lý tưởng để sản xuất tài liệu hình ảnh thú vị nhằm nâng cao các UI, các bản vẽ, các album ảnh, các biểu đồ, các đồ thị, các hình ảnh động, và các ứng dụng bản vẽ nhúng. Phần tử Canvas có một số phương thức để vẽ các đường, hình chữ nhật, hình tròn, và các nhân vật.
## Các tọa độ canvas
Một điều kiện tiên quyết để vẽ trên canvas (khung nền ảnh) là phải biết rõ
về vùng lưới hoặc vùng tọa độ. Các phép đo vùng khung nền này theo chiều
rộng và chiều cao được tính bằng pixel (điểm ảnh). Canvas được dựng lên
xung quanh việc sử dụng các tọa độ
x và
y. Các tọa độ của canvas tại
x=0,
y=0 nằm ở góc trên bên trái.
Các thuộc tính mặc định cho vùng hình chữ nhật của canvas có chiều rộng là
300 pixels và chiều cao là 150 pixels, nhưng bạn có thể xác định kích
thước chính xác của phần tử canvas này bằng cách quy định chiều rộng và
chiều cao. Bản vẽ trong Hình 1 cho thấy cách triển khai thực hiện tọa độ
x và
y.
##### Hình 1. Các tọa độ canvas
![ Hình vuông với các đường chéo và ngang qua đó cho thấy các tọa độ của mỗi chỗ giao nhau.](canvas_grid.jpg)
Hình 1 cho thấy một vùng canvas 100 pixel x 100 pixel:
- Các góc trên bên trái có
x=0, y=0.
- Giá trị
xtăng theo chiều ngang, và giá trị
ytăng theo chiều dọc.
- Góc dưới cùng bên phải có
x=100, y=100.
- Tâm điểm có
x=50, y=50.
## Bắt đầu
Để đặt bất cứ thứ gì trên canvas (khung nền ảnh), trước tiên bạn phải định
nghĩa canvas trong tệp HTML. Bạn phải tạo mã JavaScript để truy cập thẻ
<canvas> và giao tiếp với Canvas API của
HTML5 để vẽ hình ảnh của bạn.
Cấu tạo chính của thẻ
<canvas> là:
<canvas id="myCanvas" width="200" height="200"></canvas>
Một phần tử
canvas có hai thuộc tính riêng của
nó:
width (chiều rộng) và
height (chiều cao). Ngoài ra, phần tử canvas
còn sở hữu tất cả các thuộc tính HTML5 quan trọng, chẳng hạn như
class (lớp),
id (mã
định danh), và
name (tên). Thuộc tính
id thường dùng trong các mã được hiển thị ở
trên. JavaScript sử dụng
id của phần tử canvas
được tạo ở đây để xác định phần tử canvas để vẽ lên. JavaScript xác định
phần tử canvas thích hợp bằng cách sử dụng phương thức
document.getElementById(), như được hiển thị
dưới đây:
var canvas = document.getElementById("myCanvas");
Mỗi phần tử canvas phải có một định nghĩa ngữ cảnh, như hình dưới đây. Hiện nay, đặc tả chính thức chỉ công nhận môi trường 2D:
var context = canvas.getContext("2d");
Sau khi bạn xác định phần tử canvas và xác định rõ ngữ cảnh của nó, bạn đã sẵn sàng bắt đầu vẽ.
## Các công cụ vẽ, các hiệu ứng, và các phép biến đổi
Cuộc thảo luận này về Canvas của HTML5 đi qua các công cụ vẽ, các hiệu ứng, và các phép chuyển đổi khác nhau. Các công cụ vẽ bao gồm:
- Các đường kẻ
- Các hình chữ nhật
- Các cung tròn
- Các đường cong Bezier và đường cong bậc hai
- Các hình tròn và hình bán nguyệt
Các hiệu ứng Canvas mà bạn sẽ sử dụng là:
- Tô đầy và các nét
- Các gradien tuyến tính và xuyên tâm
Các phép biến đổi được thảo luận bao gồm:
- Tỉ lệ
- Quay tròn
- Tịnh tiến
### Các đường vẽ
Để vẽ một đường trên canvas, sử dụng các phương thức
moveTo(),
lineTo(),
và
stroke(). Ngoài ra, bạn sử dụng phương thức
beginPath() để thiết lập lại đường dẫn hiện
tại:
context.beginPath();
Context.moveTo(x,y);
Context.lineTo(x,y);
Context.stroke(x,y);
Phương thức
beginPath() bắt đầu một đường dẫn
mới. Trước khi bạn vẽ một đường kẻ mới với các đường dẫn nhỏ khác nhau,
bạn phải sử dụng phương thức
beginPath() để cho
biết rằng một điểm khởi đầu mới cho hướng đi của bản vẽ. Không cần phải
gọi phương thức
beginPath() khi bạn vẽ đường
thẳng đầu tiên.
Phương thức
moveTo() cho biết nơi bắt đầu đường
dẫn nhỏ mới. Phương thức
lineTo() tạo các đường
dẫn nhỏ. Bạn có thể thay đổi sự xuất hiện của đường kẻ bằng các phần tử
lineWidth và
strokeStyle. Phần tử
lineWidth thay đổi độ dày của đường này, và
strokeStyle thay đổi màu sắc.
Trong Hình 2, ba đường kẻ được vẽ tương ứng bằng màu xanh dương, xanh lá cây, và màu đỏ tía.
##### Hình 2. Canvas có các đường kẻ theo ba màu khác nhau
![ Một canvas cho thấy ba đường kẻ có màu khác nhau](line_example.jpg)
Các đường kẻ trong Hình 2 do đoạn mã trong
[Liệt kê 1](#list1)
tạo ra. Đường kẻ màu xanh dương có hai đầu làm tròn được tạo ra bằng cách
đầu tiên thiết lập một đường dẫn mới để bắt đầu:
context.beginPath(). Tiếp theo là:
context.moveTo(50, 50), đặt điểm đầu cho đường dẫn này
(x=50, y-50)
context.lineTo(300,50), xác định điểm cuối cho đường kẻ này
context.lineWidth = 10, là độ rộng của đường kẻ này
context.strokeStyle = "#0000FF", là màu sắc của đường kẻ này
context.lineCap = "round", làm tròn các đầu đường kẻ
context.stroke(), thực sự vẽ đường kẻ này trên canvas
Tất cả các đường kẻ đều có chiều dài là 50 pixel, mặc dù chúng xuất hiện có các chiều dài khác nhau — một ảo giác gây ra bởi các mũ đường kẻ khác nhau. Có ba kiểu mũ đường kẻ có thể:
Context.round(xanh dương)
Context.square(xanh lá cây)
Context.butt(màu đỏ tía — mặc định)
Mũ ghép là giá trị mặc định. Khi bạn sử dụng một kiểu mũ tròn hoặc hình vuông, chiều dài của đường kẻ này tăng lên một lượng đúng bằng chiều rộng của đường kẻ này. Ví dụ, một đường kẻ dài 200 pixel và rộng 10 pixel có kiểu mũ tròn hoặc vuông sẽ có chiều dài đường kẻ là 210 pixel, bởi vì mỗi nắp sẽ bổ sung thêm 5 pixel cho mỗi đầu của đường kẻ này. Một đường kẻ dài 200 pixel và rộng 20 pixel có kiểu mũ tròn hoặc vuông sẽ có chiều dài đường kẻ kết quả là 220 pixel, vì mỗi mũ sẽ thêm 10 pixel cho mỗi đầu của đường kẻ này.
Thực hiện và làm thay đổi mã trong Liệt kê 1 để có được hiểu biết nhiều hơn về cách vẽ các đường kẻ.
##### Liệt kê 1. Tạo ba đường kẻ có màu khác nhau trên canvas
<!DOCTYPE HTML> <html> <head> <title>Line Example</title> <style> body { margin: 0px; padding: 0px; } #myCanvas { border: 1px solid #9C9898; } </style> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); // blue line with round ends context.beginPath(); context.moveTo(50, 50); context.lineTo(300,50); context.lineWidth = 10; context.strokeStyle = "#0000FF"; context.lineCap = "round"; context.stroke(); // green line with square ends context.beginPath(); context.moveTo(50, 100); context.lineTo(300,100); context.lineWidth = 20; context.strokeStyle = "#00FF00"; context.lineCap = "square"; context.stroke(); // purple line with butt ends context.beginPath(); context.moveTo(50, 150); context.lineTo(300, 150); context.lineWidth = 30; context.strokeStyle = "#FF00FF"; context.lineCap = "butt"; context.stroke(); }; </script> </head> <body> <canvas id="myCanvas" width="400" height="200"> </canvas> </body> </html>
### Vẽ các hình chữ nhật
Có ba phương thức để xử lý một vùng hình chữ nhật trên canvas:
fillRect(x,y,width,height), vẽ một hình chữ nhật thêm vào
strokeRect(x,y,width,height), vẽ nét ngoài của một hình chữ nhật
clearRect(x,y,width,height), xóa vùng cụ thể và làm cho nó hoàn toàn trong suốt
Đối với một trong ba phương thức nói trên,
x và
y chỉ ra vị trí trên canvas tương đối so với
góc trên bên trái của hình chữ nhật (
x=0, y=0),
và
width và
height
tương ứng là chiều rộng và chiều cao của hình chữ nhật.
Hình 3 cho thấy ba vùng hình chữ nhật do đoạn mã trong
[Liệt kê 2](#list2) tạo ra.
##### Hình 3. Canvas hình chữ nhật
![ Hộp tô đầy màu vàng có một hình chữ nhật có nét đen dày và một hình chữ nhật nét đen mảnh trên nó](rectangle_example.jpg)
Phương thức
fillRect() tạo ra một hình chữ nhật
được tô đầy bằng màu đen mặc định. Phương thức
clearRect() xóa một vùng hình chữ nhật ở giữa
hình chữ nhật đầu tiên. Đó là cùng giữa hình chữ nhật được hình thành bởi
phương thức
fillRect(). Phương thức
strokeRect tạo ra một hình chữ nhật chỉ có
đường viền màu đen nhìn thấy được.
##### Liệt kê 2. Mã canvas hình chữ nhật
<!DOCTYPE HTML> <html> <head> <title>Rectangle Example</title> <style> body { margin: 0px; padding: 0px; } #myCanvas { border: 1px solid #000000; background-color: #ffff00; } </style> <script type="text/javascript"> function drawShape(){ var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.fillRect(25,25,50,50); context.clearRect(35,35,30,30); context.strokeRect(100,100,50,50); } </script> </head> <body onload="drawShape();"> <canvas id="myCanvas" width="200" height="200"></canvas> </body> </html>
### Vẽ các cung, các đường cong, các hình tròn, và các hình bán nguyệt
Cả hai hình tròn và hình bán nguyệt đều sử dụng phương thức
arc(). Phương thức
arc() có sáu đối số:
context.arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise);
Các đối số
centerX và
centerY là các tọa độ của tâm hình tròn. Đối số
radius (bán kính) giống như với toán học là:
một đường thẳng từ tâm đến chu vi. Cung được tạo ra sẽ là một phần của
hình tròn đã định. Các đối số
startAngle và
endAngle tương ứng là điểm đầu và điểm cuối của
cung tính bằng radian. Đối số
anticlockwise
(ngược chiều kim đồng hồ) là một giá trị Boolean. Khi giá trị này
true (đúng) thì cung được vẽ ngược chiều kim
đồng, khi là
false (sai) thì cung được vẽ theo
chiều kim đồng hồ.
Để vẽ một hình tròn bằng phương thức
arc(), hãy
định nghĩa góc đầu là
0 và góc cuối là
2*PI, như được hiển thị dưới đây:
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
Để vẽ một hình bán nguyệt bằng phương thức
arc(), hãy xác định góc cuối là
startingAngle + PI, như được hiển thị dưới đây:
context.arc(centerX, centerY, radius, startingAngle, startingAngle + Math.PI, false);
### Đường cong bậc hai
Bạn tạo một đường cong bậc hai bằng cách sử dụng phương thức
quadraticCurveTo() được hiển thị dưới đây. Các
đường cong bậc hai được xác định bởi điểm ngữ cảnh, một điểm điều khiển,
và một điểm cuối. Điểm điều khiển xác định độ cong của đường thẳng này.
context.moveTo(x, y); context.quadraticCurveTo(controlX, controlY, endX, endY);
### Đường cong Bezier
Cũng như với đường cong bậc hai, đường cong Bezier có một điểm đầu và cuối; nhưng không giống đường cong bậc hai, nó có hai điểm điều khiển:
context.moveTo(x, y); context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
Bạn tạo một đường cong Bezier bằng phương thức
bezierCurveTo(). Vì đường cong Bezier được định
nghĩa có hai điểm điều khiển chứ không phải chỉ có một, nên bạn có thể tạo
các độ cong phức tạp hơn.
Hình 4 hiển thị — từ trái sang phải — một cung, một đường cong bậc hai, một đường cong Bezier, một hình bán nguyệt, và một hình tròn.
##### Hình 4. Cung, các đường cong, và các hình tròn
![ Ảnh cho thấy có các cung, các đường cong, các hình tròn và các hình bán nguyệt trên canvas](arc_example.jpg)
Hình 4 được tạo bằng cách sử dụng mã trong Liệt kê 3.
##### Liệt kê 3. Mã của cung, đường cong, và hình tròn
<!DOCTYPE HTML> <html> <head> <title>Arcs, Curves, Circles, & Semicircles</title> <style> body { margin: 0px; padding: 0px; } #myCanvas { border: 1px solid #9C9898; } </style> <script> function drawArc(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var centerX = 100; var centerY = 160; var radius = 75; var startingAngle = 1.1 * Math.PI; var endingAngle = 1.9 * Math.PI; var counterclockwise = false; context.arc(centerX, centerY, radius, startingAngle, endingAngle, counterclockwise); context.lineWidth = 10; context.strokeStyle = "black"; context.stroke(); }; function drawQuadratic(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.moveTo(200, 150); var controlX = 288; var controlY = 0; var endX = 388; var endY = 150; context.quadraticCurveTo(controlX, controlY, endX, endY); context.lineWidth = 10; context.strokeStyle = "black"; context.stroke(); }; function drawBezier(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.moveTo(350, 350); var controlX1 = 440; var controlY1 = 10; var controlX2 = 550; var controlY2 = 10; var endX = 500; var endY = 150; context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY); context.lineWidth = 10; context.strokeStyle = "black"; context.stroke(); }; function drawCircle(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var centerX = 450; var centerY = 375; var radius = 70; context.beginPath(); context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false); context.fillStyle = "#800000"; context.fill(); context.lineWidth = 5; context.strokeStyle = "black"; context.stroke(); }; function drawSemicircle(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var centerX = 100; var centerY = 375; var radius = 70; var lineWidth = 5; context.beginPath(); context.arc(centerX, centerY, radius, 0, Math.PI, false); context.closePath(); context.lineWidth = lineWidth; context.fillStyle = "#900000"; context.fill(); context.strokeStyle = "black"; context.stroke(); }; window.onload = function (){ drawArc(); drawQuadratic(); drawBezier(); drawCircle(); drawSemicircle() } </script> </head> <body> <canvas id="myCanvas" width="600" height="500"> </canvas> </body> </html>
### Các phép biến đổi: tịnh tiến, tỷ lệ, và quay tròn
Các phương thức
translate(),
scale(), và
rotate()
tất cả đều sửa đổi ma trận hiện tại. Phương thức
translate(x, y) di chuyển các mục trên canvas
đến một điểm khác trên lưới. Trong phương thức
translate(x,y), các tọa độ
(x,y) cho biết số điểm ảnh mà ảnh nên được di
chuyển theo hướng-x và số điểm ảnh mà ảnh phải được di chuyển theo
hướng-y.
Nếu bạn vẽ một ảnh tại
(15,25) bằng phương thức
drawImage(), bạn có thể sử dụng phương thức
translate() có các đối số
(20,30), để đặt ảnh này ở vị trí
(15+20, 25+30) = (35, 55).
Phương thức
scale(x,y) thay đổi kích thước của
một ảnh. Đối số
x xác định rõ hệ số tỷ lệ theo
chiều ngang, và đối số
y xác định rõ hệ số tỷ
lệ theo chiều dọc. Ví dụ,
scale(1.5, .75) sẽ
tạo một ảnh lớn hơn 50% theo hướng x và chỉ bằng 75% kích thước hiện tại
theo hướng y. Phương thức
rotate(angle) chuyển
đổi một đối tượng dựa trên góc đã định.
Hình 5 là một ví dụ về những gì có thể được đưa ra khi sử dụng các phương
thức
translate(),
scale(), và
rotate().
##### Hình 5. Sử dụng các phép biến đổi
![ Ảnh cho thấy một hộp mày xanh dưông có các từ mirror image đọc từ bên phải sang.](transformation_example.jpg)
Liệt kê 4 cung cấp đoạn mã đã tạo ảnh trong Hình 5.
##### Liệt kê 4. Mã để tạo các phép biến đổi
<!DOCTYPE HTML> <html> <head> <Title>Transformations Example</title> <script> window.onload = function() { var canvas=document.getElementById("myCanvas"); var context=canvas.getContext("2d"); var rectWidth = 250; var rectHeight = 75; // translate context to center of canvas context.translate(canvas.width/2,canvas.height/2); // half the y component context.scale(1,0.5); // rotate 45 degrees clockwise context.rotate(-Math.PI/4); context.fillStyle="blue"; context.fillRect(-rectWidth/2,-rectHeight/2, rectWidth,rectHeight); // flip context horizontally context.scale(-1,1); context.font="30pt Calibri"; context.textAlign="center"; context.fillStyle="#ffffff"; context.fillText("Mirror Image",3,10); } </script> </head> <body> <canvas id="myCanvas" width="400" height="400"></canvas> </body> </html>
## Các gradien
Một
*gradien* là một vùng tô đầy di chuyển từ một màu này sang màu
khác, pha trộn các màu ở nơi chúng giao nhau. Có hai kiểu gradien mà bạn
có thể tạo trong Canvas là: tuyến tính và xuyên tâm.
Bạn tạo ra một gradien tuyến tính bằng phương thức
createLinearGradient(). Phương thức
createLinearGradient(x0,y0,x1,y1) tạo ra một gradien dọc theo
một đường thẳng được xác định bởi hai điểm:
(x0,y0) và
(x1,y1)—
tương ứng, là điểm đầu và điểm cuối của gradien. Phương thức này trả về
một đối tượng.
Một gradien màu có thể có nhiều màu sắc. Phương thức
addcolorStop(offset, color) xác định rõ sự lưu
lại màu với màu sắc được chỉ ra cho gradien ở giá trị bù cụ thể. Phương
thức
addColorStop() cho phép bạn chỉ rõ một giá
trị bù giữa 0 và 1, ở đây quá trình chuyển tiếp sang màu bên cạnh bắt đầu.
Giá trị
0 là giá trị bù ở một đầu của gradien;
1 là giá trị bù ở đầu kia. Sau khi đã định
nghĩa gradien màu, đối tượng gradien có thể được gán cho phương thức
fillStyle(). Bạn cũng có thể vẽ văn bản bằng
một gradien bằng cách sử dụng phương thức
fillText().
Gradien xuyên tâm —
createradialGradient(x0,y0,r0,x1,y1,r1)— kết hợp hai hoặc nhiều màu trong một mẫu hình tròn hoặc
hình nón bằng cách sử dụng sáu đối số:
**Tâm của hình tròn đầu tiên của một hình nón**
(x0,y0).
**Bán kính của hình tròn đầu tiên**
r0.
**Tâm của hình tròn thứ hai của hình nón**
(x1,y1).
**Bán kính của hình tròn thứ hai**
r1.
Hình 6 có bốn gradien: một gradien tuyến tính, một gradien văn bản, một gradien tuyến tính theo đường chéo, và một gradien xuyên tâm.
##### Hình 6. Ví dụ về gradien
![ Vẽ các gradien trên canvas](gradient_example.jpg)
Hình 6 đã được tạo bằng cách sử dụng mã trong Liệt kê 5.
##### Liệt kê 5. Mã mẫu của gradien
<!doctype> <html> <head> <title>Gradient Example</title> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); //Let's try the gradient on a rectangle // Create a linear gradient var fillColor = context.createLinearGradient(50,50, 150,50); // Set gradient colors fillColor.addColorStop(0.15,"red"); fillColor.addColorStop(0.35,"black"); fillColor.addColorStop(0.65,"green"); fillColor.addColorStop(0.87,"yellow"); // Assign gradient object to fillstyle context.fillStyle= fillColor; // Draw rectangle context.fillRect(50,50,100,100); // With text var fillColorText = context.createLinearGradient(300,50,600,50); fillColorText.addColorStop(0.2,"red"); fillColorText.addColorStop(0.4,"black"); fillColorText.addColorStop(0.6,"green"); fillColorText.addColorStop(0.8,"yellow"); context.fillStyle= fillColorText; context.font="40px verdana"; context.textBaseline="top"; context.fillText("With text too!", 300,50) // Gradient on a diagonal var fillColordiagonal = context.createLinearGradient(50,200, 100,450); // Gradient colors fillColordiagonal.addColorStop(0.2,"red"); fillColordiagonal.addColorStop(0.4,"black"); fillColordiagonal.addColorStop(0.6,"green"); fillColordiagonal.addColorStop(0.75,"yellow"); // Assign gradient object to fillstyle context.fillStyle= fillColordiagonal; // Draw rectangle context.fillRect(50,225, 100,250); // Draw radial gradient fillColorRadial = context.createRadialGradient(450,300,0, 450,300,200); fillColorRadial.addColorStop(0, "red"); fillColorRadial.addColorStop(0.2, "black"); fillColorRadial.addColorStop(0.4, "green"); fillColorRadial.addColorStop(0.7, "yellow"); context.fillStyle = fillColorRadial; context.rect(300,200,500,400); context.fill(); } </script> </head> <body> <div> <p><canvas id="myCanvas" width="600" height="400"></canvas></p> </div> </body> </html>
## Cắt ảnh
Bạn có thể thay đổi các ảnh bằng cách cắt các vùng đã chọn bên ngoài chúng.
Cắt trên canvas là một hàm chất tải lên phương thức
drawImage(). Phương thức
drawImage() có ba tùy chọn. Bạn có thể sử dụng
hoặc ba, năm, hoặc chín đối số.
Cấu hình ba-đối số —
drawImage(image, dx, dy)—
vẽ ảnh này trên canvas ở tọa độ đích
(dx,
dy). Các tọa độ này thiết lập góc trên bên trái của hình ảnh.
Cấu hình năm-đối số —
drawImage(image, dx, dy, dw,
dh)—đưa ra chiều rộng và chiều cao của ảnh đích.
Hình ảnh này được điều chỉnh để phù hợp với chiều rộng và chiều cao của
đích này.
Cấu hình chín-đối số —
drawImage(image, sx, sy, sw, sh, dx, dy, dw,
dh)— lấy một hình ảnh, cắt rời ra một vùng hình
chữ nhật bắt đầu ở các tọa độ nguồn
(sx,sy) với
chiều rộng và chiều cao
(sw,sh), và điều chỉnh
nó cho phù hợp với chiều rộng và chiều cao
(dw,dh) của đích này, đặt nó trên canvas tại
(dx,dy).
Hình 7 cho thấy hình ảnh mà bạn sẽ cắt ra.
##### Hình 7. Cắt một ảnh
![ Ảnh mô tả Napoleon đang cưỡi ngựa.](Napoleon_for_page.jpg)
Khi sử dụng ảnh được hiển thị trong Hình 7, một tập các ảnh được đặt trên canvas (khung nền ảnh) này. Một ảnh là một canvas đã định kích thước và được sử dụng làm khung nền. Một ảnh khác được tạo ra nhỏ hơn và chèn vào phía dưới bên phải của khung nền đó. Một ảnh thứ ba là ảnh cắt ra phần đầu của Napoleon mà bạn đặt ở góc trên bên trái của khung nền này. Ảnh đã cắt xong được hiển thị trong Hình 8.
##### Hình 8. Ảnh đã cắt xong
![ Cũng ảnh Napoleon đó nhưng có ảnh chân dung ở góc trên bên trái và một ảnh nhỏ hơn ở dưới cùng bên phải](Napoleon_cropped.jpg)
Hình 8 được tạo bằng cách sử dụng đoạn mã trong Liệt kê 6. Trước khi thực
hiện mã này, hãy chắc chắn
[tải tệp ảnh
Napolean.png](#download) được dùng trong ví dụ này.
##### Liệt kê 6. Đoạn mã để cắt ảnh ví dụ
<!doctype> <html> <head> <title>Crop Example</title> <script type="text/javascript"> window.onload = function() { var canvas=document.getElementById("cropNapolean"); var context=canvas.getContext("2d"); var imageObj = new Image(); imageObj.onload = function() { // draw image to cover the entire canvas context.drawImage(imageObj,0,0, 600, 400); // draw small image in bottom right corner var sourceX = 0; var sourceY = 0; var sourceWidth = 1200; var sourceHeight = 801; var destX = 300; var destY = 200; var destWidth = sourceWidth - 900; var destHeight = sourceHeight - 600; context.drawImage(imageObj, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight); //draw Napolean's head only var sourceNapoleanX = 460; var sourceNapoleanY = 25; var sourceNapoleanWidth = 250; var sourceNapoleanHeight = 175; var destNapoleanX = 0; var destNapoleanY = 0; var destNapoleanWidth = sourceNapoleanWidth - 150 ; var destNapoleanHeight = sourceNapoleanHeight - 100; context.drawImage(imageObj, sourceNapoleanX, sourceNapoleanY, sourceNapoleanWidth, sourceNapoleanHeight, destNapoleanX, destNapoleanY, destNapoleanWidth, destNapoleanHeight); } imageObj.src = "Napoleon.png"; } </script> </head> <body> <div> <p><canvas id="cropNapolean" width="600" height="400"></canvas></p> </div> </body> </html>
## Hình ảnh động và nhiều canvas
Khi làm việc với hình ảnh động, câu hỏi về các lớp luôn phát sinh. Các lớp cho phép các thành phần được tách rời nhau, làm cho việc mã hóa và gỡ lỗi dễ dàng hơn và hiệu quả hơn. Canvas API không có các lớp, nhưng bạn có thể tạo nhiều khung nền ảnh (canvas).
Hình ảnh động phải được kiểm soát theo thời gian. Vì vậy, để tạo một hình ảnh động, bạn phải giải quyết từng khung hình của hình ảnh động. Canvas API có hạn chế chủ yếu khi nó tạo hình ảnh động: Sau khi một hình được gỡ khỏi canvas, nó vẫn như vậy. Để di chuyển hình này, bạn phải vẽ lại nó.
Để tạo một hình ảnh động:
- Hãy xóa canvas của các hình bất kỳ đã được vẽ trước đó.
- Lưu lại trạng thái canvas để đảm bảo trạng thái ban đầu được sử dụng mỗi khi một khung được vẽ.
- Thực hiện các bước để hiển thị các khung hình.
- Nếu bạn đã lưu trạng thái đó, hãy khôi phục lại nó trước khi vẽ một khung mới.
Bạn có thể điều khiển hình ảnh động theo hai cách: bằng cách sử dụng các
hàm
setInterval hay
setTimeout, mỗi hàm có thể được dùng để gọi một
hàm theo một khoảng thời gian đặt trước. Hàm
setInterval thực hiện mã được cung cấp lặp lại
nhiều lần. Hàm
setTimeout chỉ thực hiện một lần
sau khi thời gian đặt trước đã trôi qua.
Hình 9 cho thấy một khung hình của hình ảnh động nhiều canvas của người bơi. Nước ở trên một canvas, và người bơi ở trên một canvas khác.
##### Hình 9. Hình ảnh động khi sử dụng các hình ảnh trên nhiều canvas
![ Ảnh đính trên nền gradien màu xanh dương.](swimmer.jpg)
Bạn tạo người bơi bằng cách sử dụng đoạn mã trong Liệt kê 7. Người bơi này
sử dụng một gradien tuyến tính để tạo nước. Nước có bốn sắc thái của màu
xanh, cung cấp một ảo giác hợp lý của nước. Bạn tạo chuyển động cho người
bơi bằng cách sử dụng các giá trị
positionX và
positionY, để làm thay đổi các tư thế của ảnh.
Bạn tạo đầu của người bơi bằng cách sử dụng phương thức
arc(). Các chân và cánh tay của người bơi được
tạo bằng cách vẽ các đường kẻ rồi thay đổi các vị trí
lineTo() của chúng. Bạn thay đổi thân bằng cách
thay đổi vị trí
moveTo(). Vì đây là một hình
ảnh động, nên bạn sẽ phải thực hiện đoạn mã này để xem người bơi chuyển
động như thế nào.
##### Liệt kê 7. Ví dụ về hình ảnh động
<!DOCTYPE HTML> <html> <head> <title>Animation & Multiple Canvas Example</title> <script> // Water canvas function drawWater() { var canvasWater = document.getElementById("myWaterCanvas"); var contextWater = canvasWater.getContext("2d"); contextWater.globalAlpha = .50 ; // Create a linear gradient fill var linearGrad = contextWater.createLinearGradient(0,0,400,400); linearGrad.addColorStop(0, '#0000ff'); // sets the first color linearGrad.addColorStop(.25, '#0099ff'); // sets the second color linearGrad.addColorStop(.50, '#00ccff'); // sets the third color linearGrad.addColorStop(.75, '#00ffff'); // sets the fourth color contextWater.fillStyle = linearGrad; contextWater.fillRect(0,0,400,400); } // Swimmer canvas setInterval(drawSwimmer, 30); var positionX = 0; var positionY = 0; function drawSwimmer(){ var canvasSwimmer = document.getElementById("mySwimmerCanvas"); var contextSwimmer = canvasSwimmer.getContext("2d"); contextSwimmer.clearRect(0,0,400,400); if (positionX < 30) { positionX += 1; positionY += 1; } else { positionX = 0; positionY = 0; } contextSwimmer.save(); // draw circle for head var centerX = 200; var centerY = 50; var radius = 20; contextSwimmer.beginPath(); contextSwimmer.arc(centerX, centerY+positionY, radius, 0, 2 * Math.PI, false); contextSwimmer.fillStyle = "#000000"; contextSwimmer.fill(); contextSwimmer.lineWidth = 5; // torso contextSwimmer.beginPath(); contextSwimmer.moveTo(200,70+positionY); contextSwimmer.lineTo(200,175); contextSwimmer.lineWidth = 10; contextSwimmer.strokeStyle = "#000000"; contextSwimmer.lineCap = "round"; contextSwimmer.stroke(); // image right arm contextSwimmer.beginPath(); contextSwimmer.moveTo(200, 100); contextSwimmer.lineTo(175-positionX,140-positionY); contextSwimmer.lineWidth = 10; contextSwimmer.strokeStyle = "#000000"; contextSwimmer.lineCap = "round"; contextSwimmer.stroke(); // image left arm contextSwimmer.beginPath(); contextSwimmer.moveTo(200, 100); contextSwimmer.lineTo(225+positionX,140-positionY); contextSwimmer.lineWidth = 10; contextSwimmer.strokeStyle = "#000000"; contextSwimmer.lineCap = "round"; contextSwimmer.stroke(); // image right leg contextSwimmer.beginPath(); contextSwimmer.moveTo(200, 175); contextSwimmer.lineTo(190-positionX,250-positionY); contextSwimmer.lineWidth = 10; contextSwimmer.strokeStyle = "#000000"; contextSwimmer.lineCap = "round"; contextSwimmer.stroke(); // image left leg contextSwimmer.beginPath(); contextSwimmer.moveTo(200, 175); contextSwimmer.lineTo(210+positionX,250-positionY); contextSwimmer.lineWidth = 10; contextSwimmer.strokeStyle = "#000000"; contextSwimmer.lineCap = "round"; contextSwimmer.stroke(); contextSwimmer.restore(); }; </script> </head> <body onload="drawWater();"> <canvas id="myWaterCanvas" width="400" height="400" style="z-index: 2; position:absolute;left:0px;top:0px;"> </canvas> <canvas id="mySwimmerCanvas" width="400" height="400" style="z-index: 1; position:absolute;left:0px;top:0px;"> </canvas> </body> </html>
## Kết luận
Canvas HTML5 là điểm chính để xây dựng các RIA dựa trên trình duyệt. Nó cung cấp một môi trường vẽ thiết thực được JavaScript và trí tưởng tượng của bạn thúc đẩy. Nó không thực sự khó học, và có nhiều công cụ hỗ trợ trên trang web cho nhu cầu rèn luyện và học tập của bạn, bao gồm các cẩm nang, các blog, các bài viết trực tuyến, các hướng dẫn video và không-video, và các ứng dụng mẫu.
Khả năng để thay đổi văn bản và hình ảnh trực quan và để mô phỏng chuyển động làm cho Canvas trở thành một công cụ vô cùng có giá trị. Cho dù bạn tiếp cận nó từ quan điểm của một nhà thiết kế hay nhà phát triển, việc sử dụng Canvas để xây dựng các ứng dụng trò chơi chạy trên các thiết bị di động, hoặc chỉ muốn nâng cao việc sử dụng toàn bộ tài sản thực của màn hình, thì Canvas vẫn là một thành phần quan trọng của trải nghiệm HTML5.
## Tải về
|Mô tả||Tên||Kích thước|
|Napoleon image|
## Tài nguyên
### Học tập
- "
[Tạo các đồ họa thú vị bằng HTML5 canvas](http://www.ibm.com/developerworks/web/library/wa-html5canvas/?ca=drs-&S_TACT=105AGY75)" (developerWorks, 02.2011) là một hướng dẫn để phát triển các kỹ thuật và các quy trình đồ họa.
- Trung tâm Safari Dev có một trình diễn có
tên là
[Thao tác điểm ảnh của canvas](http://developer.apple.com/safaridemos/canvas-pixel.php)là một ví dụ tuyệt vời về quản lý canvas để phát triển các tài sản trực quan có hiệu quả. [Tiêu chuẩn nóng hổi HTML](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html)của WHATWG cung cấp một cửa sổ mở ra phát triển phát triển của các đặc tả canvas của HTML5.
- Tài liệu tham khảo
[HTML5 Canvas](http://www.w3schools.com/html5/html5_canvas.asp)của W3Schools.com có một số bài tập có ích để giúp bạn trau dồi kiến thức canvas của bạn. [Hướng dẫn Canvas](https://developer.mozilla.org/en/Canvas_tutorial)của các tài liệu MDM là một hướng dẫn cơ bản, thú vị phản ánh ý kiến của giới chuyên môn phát triển của Mozilla. [Chúng ta hãy gọi nó là một bản vẽ](http://diveintohtml5.org/canvas.html)là một buổi diễn tập đầu tiên sáng tạo với một hiểu biết cơ bản về canvas của HTML5. [Vùng phát triển Web](http://www.ibm.com/developerworks/web/?S_TACT=105AGY75)chuyên về các bài viết trình bày các giải pháp dựa trên web khác nhau.
- Theo sát với
[sự kiện kỹ thuật và webcast kỹ thuật của developerWorks](http://www.ibm.com/developerworks/offers/techbriefings/events.html?S_TACT=105AGY75)tập trung vào một loạt các sản phẩm của IBM và các chủ đề ngành công nghiệp CNTT.
- Theo dõi
[developerWorks trên Twitter](http://www.twitter.com/developerworks/).
### Lấy sản phẩm và công nghệ
[Bộ công cụ Dojo](http://dojofoundation.org/), một thư viện JavaScript mô đun mã nguồn mở, giúp bạn nhanh chóng phát triển nền tảng chéo, các ứng dụng và các trang web JavaScript/dựa trên Ajax. [Hãy thử phần mềm của IBM](http://www.ibm.com/developerworks/downloads/product.html?S_TACT=105AGY75)miễn phí. Tải về phiên bản dùng thử, đăng nhập vào một thử nghiệm trực tuyến, làm việc với một sản phẩm trong một môi trường sandbox, hoặc truy cập nó thông qua đám mây. Chọn từ hơn 100 thử nghiệm sản phẩm của IBM.
### Thảo luận
- Tạo
[hồ sơ cá nhân developerWorks của bạn](https://www.ibm.com/developerworks/mydeveloperworks/profiles/home.do?lang=en&S_TACT=105AGY75)ngay hôm nay và [thiết lập một danh sách theo dõi](https://www.ibm.com/developerworks/mydeveloperworks/homepage/help/doc/en/homepage_watchlistuse.html)về HTML. Kết nối và theo sát kết nối với [cộng đồng developerWorks](http://www.ibm.com/developerworks/mydeveloperworks/#community?S_TACT=105AGY75)
- Tìm
[các thành viên developerWorks khác quan tâm đến phát triển web](https://www.ibm.com/developerworks/mydeveloperworks/profiles/html/keywordSearch.do?keyword=web&lang=en).
- Chia sẻ những gì bạn biết:
[Tham gia một trong các nhóm developerWorks của chúng tôi có tập trung vào các chủ đề web](https://www.ibm.com/developerworks/mydeveloperworks/search/web/search?S_TACT=105AGY75).
- Roland Barcia nói về
[Web 2.0 và phần mềm trung gian](https://www.ibm.com/developerworks/mydeveloperworks/blogs/barcia/?lang=en&S_TACT=105AGY75)trong blog của mình.
- Theo dõi các đánh dấu trang được chia sẻ
về các chủ đề web
[của các thành viên developerWorks](https://www.ibm.com/developerworks/mydeveloperworks/bookmarks/html?ps=50&search=web&searchType=mode&sortOrder=desc&lang=en).
- Nhận được các câu trả lời nhanh chóng:
Hãy truy cập vào
[Diễn đàn về các ứng dụng Web 2.0](http://www.ibm.com/developerworks/forums/forum.jspa?forumID=1182&S_TACT=105AGY75).
- Nhận được các câu trả lời nhanh chóng:
Hãy truy cập vào
[Diễn đàn Ajax](http://www.ibm.com/developerworks/forums/forum.jspa?forumID=965&S_TACT=105AGY75).
## Bình luận
[Vùng dữ liệu trên developerWorks](http://www.ibm.com/developerworks/vn/views/data/libraryview.jsp)
Khám phá các bài viết xoay quanh lĩnh vực dữ liệu, Quản lý hệ thống thông tin
[Vùng mã nguồn mở trên developerWorks](http://www.ibm.com/developerworks/vn/views/opensource/libraryview.jsp)
Xem các bài viết về HTML, CSS, JavaScript,...
[Điện toán đám mây](http://www.ibm.com/developerworks/vn/views/cloud/libraryview.jsp)
Tìm hiểu về điện toán đám mây

Content-Language: en-US


text:
Thông tin chi tiết
Kem đánh răng hương dâu Chicco
Việc chăm sóc răng miệng cho bé luôn được các mẹ chú trọng nhất là trong việc lựa chọn kem đánh răng cho bé sao cho phù hợp với độ tuổi và hương vị của bé. Để mang lại cho bé yêu cảm giác dễ chịu nhất. Đảm bảo sự an toàn dành cho bé.
Mang lại cảm giác an toàn và thoải mái nhất dành cho bé khi đánh răng
Đặc điểm của dòng kem đánh răng hương dâu Chicco
Kem có chứa chất Xylitol chống sâu răng một cách hiệu quả, giúp loại bỏ vi khuẩn ở mảng bám thức ăn đồng thời hạn chế axit gây sâu răng. Bảo vệ men răng sữa, răng của bé luôn luôn chắc khỏe không sợ sâu răng.
Kem đánh răng trẻ em không chứa Flouride (chất chống sâu răng mạnh gây bào mòn men răng) không cay.
Giúp răng bé luôn được chắc khỏe và ngừa sâu răng
Kém có mùi hương dâu thơm mát kích thích sự hứng thú cho bé nhanh chóng trong việc đánh răng hàng ngày.
Kem không chứa chất bảo quản đảm bảo an toàn mức tối đa nên bé có thể nuốt được.
Hàng chính hãng Chicco Italia
Thông tin sản phẩm:
Độ tuổi sử dụng: 12 tháng tuổi trở lên.
Dung tích: 50 ml
Thương hiệu: Chicco
Xuất xứ: Nhập khẩu trực tiếp từ Italia.
Thông tin thương hiệu
Chicco - nhãn hiệu nổi tiếng đến từ Ý, là nhà cung cấp đáng tin cậy các sản phẩm dành cho trẻ em với tiêu chí tiện dụng, đơn giản và an toàn, được thiết kế đặc biệt phù hợp với từng giai đoạn phát triển của trẻ. Thành lập hơn 50 năm, có mặt trên 120 quốc gia và 6 châu lục, Chicco nhanh chóng trở thành nhãn hiệu đồ chơi và chăm sóc sức khỏe trẻ em nổi tiếng thế giới. Với hàng triệu sản phẩm được bán ra mỗi năm, Chicco vinh hạnh nhận các giải thưởng cao quý do người tiêu dùng bình chọn như “Best Value”,”Toy of the year”, “Sodalitas Social Award”, “Top Toys Award”, “Ethic Award”. Cùng với phương châm đem đến những nụ cười hạnh phúc cho trẻ nhỏ, Chicco đã đầu tư nghiêm túc vào phòng thí nghiệm “Obsservatorio Chicco” ở Ý. Tại đây các nhà khoa học và chuyên gia hàng đầu trong lĩnh vực nhi khoa luôn không ngừng quan sát, nghiên cứu và phân tích các hành vi trẻ nhỏ, để cho ra đời các sản phẩm mang tính năng ưu việt.
Đặt mua qua ĐT (8:00 - 22:00): 1800.6608 - 04.7300.0088
Câu hỏi thường gặp
- Chào chị Nguyễn Thị Ngọc Mỹ, bên em ship hàng hàng toàn quốc chị nhé. Chị vui lòng liên hệ hotline miễn phí 1800 6608 để được tư vấn và báo phí ship chính xác nhất chị Mỹ nhé.
13-01-2017 23:36:25-
- Hợp tác trao đổi liên kết
03-01-2017 14:41:12-
- Chào chị Thảo, chị vui lòng để lại SĐT hoặc liên hệ hotline miễn phí 1800 6608 để được các bạn bên em kiểm tra đơn hàng để có thể giao hàng cho chị trong thời gian sớm nhất ạ.
28-12-2016 16:51:41-

markdown:
### Thông tin chi tiết
**Kem đánh răng hương dâu Chicco**
Việc chăm sóc răng miệng cho bé luôn được các mẹ chú trọng nhất là trong việc lựa chọn kem đánh răng cho bé sao cho phù hợp với độ tuổi và hương vị của bé. Để mang lại cho bé yêu cảm giác dễ chịu nhất. Đảm bảo sự an toàn dành cho bé.
*Mang lại cảm giác an toàn và thoải mái nhất dành cho bé khi đánh răng* **Đặc điểm của dòng kem đánh răng hương dâu Chicco**
Kem có chứa chất Xylitol chống sâu răng một cách hiệu quả, giúp loại bỏ vi khuẩn ở mảng bám thức ăn đồng thời hạn chế axit gây sâu răng. Bảo vệ men răng sữa, răng của bé luôn luôn chắc khỏe không sợ sâu răng.
[Kem đánh răng trẻ em](/ban-chai-kem-danh-rang-nuoc-xuc-mieng.html)không chứa Flouride (chất chống sâu răng mạnh gây bào mòn men răng) không cay. *Giúp răng bé luôn được chắc khỏe và ngừa sâu răng*
Kém có mùi hương dâu thơm mát kích thích sự hứng thú cho bé nhanh chóng trong việc đánh răng hàng ngày.
Kem không chứa chất bảo quản đảm bảo an toàn mức tối đa nên bé có thể nuốt được.
*Hàng chính hãng Chicco Italia* **Thông tin sản phẩm:**
Độ tuổi sử dụng:
**12 tháng tuổi trở lên**.
Dung tích: 50 ml
Thương hiệu:
**Chicco**
Xuất xứ: Nhập khẩu trực tiếp từ Italia.
### Thông tin thương hiệu
![ Chicco](http://k.r.worldssl.net/media/wysiwyg/150x150/chicco-logo.jpg)
Chicco - nhãn hiệu nổi tiếng đến từ Ý, là nhà cung cấp đáng tin cậy các sản phẩm dành cho trẻ em với tiêu chí tiện dụng, đơn giản và an toàn, được thiết kế đặc biệt phù hợp với từng giai đoạn phát triển của trẻ. Thành lập hơn 50 năm, có mặt trên 120 quốc gia và 6 châu lục, Chicco nhanh chóng trở thành nhãn hiệu đồ chơi và chăm sóc sức khỏe trẻ em nổi tiếng thế giới. Với hàng triệu sản phẩm được bán ra mỗi năm, Chicco vinh hạnh nhận các giải thưởng cao quý do người tiêu dùng bình chọn như “Best Value”,”Toy of the year”, “Sodalitas Social Award”, “Top Toys Award”, “Ethic Award”. Cùng với phương châm đem đến những nụ cười hạnh phúc cho trẻ nhỏ, Chicco đã đầu tư nghiêm túc vào phòng thí nghiệm “Obsservatorio Chicco” ở Ý. Tại đây các nhà khoa học và chuyên gia hàng đầu trong lĩnh vực nhi khoa luôn không ngừng quan sát, nghiên cứu và phân tích các hành vi trẻ nhỏ, để cho ra đời các sản phẩm mang tính năng ưu việt.
Đặt mua qua ĐT (8:00 - 22:00):
[1800.6608](tel:18006608) - [04.7300.0088](tel:0473000088) [Câu hỏi thường gặp](#)
-
[Chào chị Nguyễn Thị Ngọc Mỹ, bên em ship hàng hàng toàn quốc chị nhé. Chị vui lòng liên hệ hotline miễn phí 1800 6608 để được tư vấn và báo phí ship chính xác nhất chị Mỹ nhé.](#)
13-01-2017 23:36:25-
-
[Hợp tác trao đổi liên kết](#)
03-01-2017 14:41:12-
-
[Chào chị Thảo, chị vui lòng để lại SĐT hoặc liên hệ hotline miễn phí 1800 6608 để được các bạn bên em kiểm tra đơn hàng để có thể giao hàng cho chị trong thời gian sớm nhất ạ.](#)
28-12-2016 16:51:41-
![ loading](http://k.r.worldssl.net/skin/frontend/kidsplaza/2015/images/loading.gif)
[click](#ajaxcart)

Set-Cookie: is_logged_in=0; expires=Wed, 25-Jan-2017 13:59:18 GMT; Max-Age=604800; path=/; domain=.kidsplaza.vn


text:
Sign In
Trang chủ
Dành cho Công dân
Dành cho Doanh nghiệp
Dành cho Du khách
Sơ đồ Portal
Search
Tin tức sự kiện
Thủ tục hành chính
Dịch vụ công trực tuyến
Thư viện ảnh
English
Mã ngành ĐKKD
: Bán buôn ô tô và xe có động cơ khác
Tên ngành
Bán buôn ô tô và xe có động cơ khác
Cấp 1
G
Cấp 2
45
Cấp 3
451
Cấp 4
4511
Cấp 5
Mã ngành
G4511
Attachments
Created at 10/02/2009 8:29 CH by Vu Lam
Last modified at 10/02/2009 8:29 CH by Vu Lam
Use this page to add attachments to an item.
Name
Về đầu trang
Trang chủ
Thư điện tử
Góp ý
Gửi bài cho BBT
Thư viện download
CỔNG THÔNG TIN ĐIỆN TỬ TỈNH LÂM ĐỒNG - LAM DONG PORTAL
Cơ quan quản lý: Trung tâm Quản lý Cổng thông tin điện tử, thuộc Sở Thông tin & Truyền thông
Chịu trách nhiệm chính: Ông Nguyễn Viết Vân - Giám đốc Sở Thông tin & Truyền thông
Địa chỉ: Số 36 Trần Phú, TP. Đà Lạt
Điện thoại: 063.3545579 - Fax: 063.3545455 - Email: bbt@lamdong.gov.vn
Ghi rõ nguồn www.lamdong.gov.vn khi sử dụng thông tin trên website này


text:
Xích đu là thứ con mê mẩn nè. Chơi k biết chán nha
nhìn cái mặt hớn hở của chị ấy khi được ngồi xích đu cá heo kìa, yêu quá đi thôi
nhìn cái mặt hớn hở của chị ấy khi được ngồi xích đu cá heo kìa, yêu quá đi thôi

Ringier-Fastcgi-Cache: MISS


text:
Trang chủ
Chung cư
Cho thuê căn hộ q2 giá rẻ giao nhà mới chỉ 6,5tr
Tên người nhận
Email người nhận
Tin nhắn
Về MuaBanNhaDat | Nhận bản tin | FAQ | Điều khoản thỏa thuận | Bản quyền | Quy chế Sàn GDTMĐT | Tuyên bố từ chối bảo đảm | Liên hệ | Tuyển dụng | Bảng giá dịch vụ | Sitemap
MuaBanNhaDat © 2007 - 2016. Ghi rõ nguồn "MuaBanNhaDat.vn" khi phát hành lại thông tin từ website này.
CÔNG TY TNHH DỊCH VỤ QUẢNG CÁO VÀ TRUYỀN THÔNG CHÂU Á
Số giấy phép kinh doanh: 0308967985, Nơi cấp: Sở Kế hoạch và Đầu tư Tp. Hồ Chí Minh.
Ngày cấp: 10/6/2009
Địa chỉ: Lầu 3 Tòa nhà Copac, Số 12, Tôn Đản, Phường 13, Quận 4, TP.HCM
Follow us on Facebook Linkedin Google+
Technology powered by - Copyright ©2016 by Ringier Vietnam

Server: MBND's Server


text:
- Hoạt động cuối:
- 12/8/09
- Tham gia ngày:
- 9/8/09
- Số km:
- 22
- Được đổ xăng:
- 0
- Mã lực:
- 1
- Xăng dự trữ:
- 114 lít xăng
Chia sẻ trang này
hoc_hoi1992
Tài xế O-H
- hoc_hoi1992 được nhìn thấy lần cuối:
- 12/8/09
-
- Đang tải...
- Đang tải...
-
Tương tác
Tài xế O-H

markdown:
![ hoc_hoi1992](http://www.oto-hui.com/styles/xenith/xenforo/avatars/avatar_l.png)
- Hoạt động cuối:
- 12/8/09
- Tham gia ngày:
- 9/8/09
- Số km:
- 22
- Được đổ xăng:
- 0
- Mã lực:
[1](members/hoc_hoi1992.4015/trophies)
- Xăng dự trữ:
-
[114 lít xăng](bank/transfer?to=hoc_hoi1992&rtn=ref) [$114.00](credits/transfer?receiver=hoc_hoi1992)
### Chia sẻ trang này
# hoc_hoi1992
Tài xế O-H
- hoc_hoi1992 được nhìn thấy lần cuối:
- 12/8/09
-
- Đang tải...
- Đang tải...
-
### Tương tác


text: Chào cả nhà.hnay ngày đầu năm nên trước tiên e xin chúc cả đại gia đình o-h năm mới đại cát đại lợi. Phúc lộc dồi dào! E có ít thắc mắc về nguyên lý cũng như cách kiểm tra hoạt động và tình trạng của loại cảm biến này.mong các cụ giúp đỡ


text:
Dãn cách tên bằng dấu phẩy(,).
Thảo luận trong 'Thùng rác diễn đàn' bắt đầu bởi MTV, 23/10/09.
.
hình ai mà xinh thế te !!! =))=))=))=)):100::100::100:
hay quá =d>=d>=d>=d>=d>


text:
Dãn cách tên bằng dấu phẩy(,).
Thảo luận trong 'Cơ khí chế tạo' bắt đầu bởi huivip, 19/5/10.
Tiêu Đề: THƯC HÀNH HÀN ỐNG
Ngôn Ngữ: tiêgs việt
Đinh Dạng: doc
Dung Lượng : 1.44 MB
Thanks For your Share!