Thứ Tư, 6 tháng 1, 2016

HTML5 - Vẽ hình trong Canvas


xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="vi-vn" lang="vi-vn ">


href="https://itstudent.net/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html" /> http-equiv="content-type" content="text/html; charset=utf-8" /> name="keywords" content="HTML5 - Vẽ hình trong Canvas, THẾ GIỚI LẬP TRÌNH, ITSTUDENT.net, Diễn đàn, MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ®" /> name="rights" content="Bản quyền website thuộc về ITStudent.net. Phát triển bởi Phan Võ Minh Thắng. Copyright by ITStudent.net. Developed by Phan Vo Minh Thang" /> name="generator" content="ITStudent.net 's CMS implemented by Phan Vo Minh Thang" /> </span>HTML5 - Vẽ hình trong Canvas<span class="html-tag"> rel="stylesheet" href="/t3-assets/css_c1f28.css" type="text/css" /> rel="stylesheet" href="/components/com_jacomment/asset/css/ja.ie.php" type="text/css" /> rel="stylesheet" href="/t3-assets/css_59f2c.css" type="text/css" /> rel="stylesheet" href="/t3-assets/css_56299.css" type="text/css" /> rel="stylesheet" href="/t3-assets/css_dc756.css?v=16" type="text/css" />




href="/plugins/system/jat3/jat3/base-themes/default/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
name="google-site-verification" content="" />


id="bd" class="bd fs3 com_kunena"> name="Top" id="Top">
id
="ja-wrapper">

id
="ja-topmenu" class="wrap ">
class
="main clearfix">
class
="mod-languages">
    class
="lang-inline">
  • class
  • ="lang-active" dir="ltr"> href="/vi/diễn-đàn.html"> src="/media/mod_languages/images/vi.gif" alt="Tiếng việt" title="Tiếng việt" class="jcetooltip" />
  • class
  • ="" dir="ltr"> href="/en/?Itemid=588"> src="/media/mod_languages/images/en.gif" alt="English" title="English" class="jcetooltip" />


    class
    ="custom connect" >
    class
    ="social"> class="ico-social ico-yahoo jcetooltip" title="Gởi tin nhắn qua Yahoo Messenger" href="ymsgr:sendIM?itstudent_net">Yahooclass="ico-social ico-facebooks jcetooltip" href="https://www.facebook.com/itstudent.net" target="blank" title="Xem trang chúng tôi trên Facebook">Facebookclass="ico-social ico-twitters jcetooltip" href="http://twitter.com/itstudentnet" target="blank" title="Theo dõi chúng tôi trên Twitter">Twitterclass="ico-social ico-skype jcetooltip" href="skype:thangpvm?call" title="Gọi điện cho chúng tôi qua Skype">Skypedata-mediabox="width[600];height[300];title[Nguồn cấp tin - ITSTUDENT.net]" type="text/html" class="ico-social ico-rss jcetooltip jcepopup" title="Nguồn cấp tin từ MẠNG SINH VIÊN CNTT VIỆT NAM" target="_blank" href="/vi/nguồn-cấp-tin-tự-động-của-itstudent-net.html">RSS
    id
    ="ja-headtools" class="ja-headtool">
    • class="login-switch" href="/vi/đăng-nhập.html" onclick="showBox('ja-user-login','mod_login_username',this, window.event || event);return false;" title=""> Đăng nhập
      id
      ="ja-user-login" style="width:330px;">
      action
      ="https://itstudent.net/vi/diễn-đàn.html" method="post" name="form-login" id="login-form" >
      class
      ="pretext">
      class
      ="userdata"> ="modlgn-username" class="ja-login-user" id="form-login-username"> Tên đăng nhập:
      id="modlgn-username" type="text" name="username" class="inputbox" size="18" /> ="modlgn-passwd" class="ja-login-password" id="form-login-password"> Mật khẩu:
      type="password" id="modlgn-passwd" name="password" class="inputbox" size="20" alt="password" />
      type="submit" name="Submit" class="button" value="Đăng nhập" /> type="hidden" name="option" value="com_users" /> type="hidden" name="task" value="user.login" /> type="hidden" name="return" value="L3ZpLw==" /> type="hidden" name="38d2533f81c952982441bc7698accb77" value="1" />
      class
      ="ja-login-links clearfix"> href="/vi/quên-mật-khẩu.html"> Quên mật khẩu? href="/vi/quên-tên-đăng-nhập.html"> Quên tên đăng nhập? href="/vi/đăng-ký-thành-viên.html"> Tạo tài khoản

      style
      ="margin-left:auto; margin-right:auto; width:65%;">
      class
      ="jfbg_connect_button fbcnt" id="jfbg_btn_wrapper">
      class
      ="fb-login-button" onlogin="javascript:rtnlgin();" size="medium" scope="publish_stream,email"> Đăng nhập bằng Facebook
      style
      ="clear:both;">
      id
      ="fb-root">
    • class="register-switch" href="/vi/đăng-ký-thành-viên.html" onclick="showBox('ja-user-register','namemsg',this, window.event || event);return false;" > Tạo tài khoản
      id
      ="ja-user-register" style="width:370px;">
      id
      ="member-registration" action="/vi/component/users/?task=registration.register" method="post" class="form-validate">
      cellpadding
      ="0" cellspacing="0" border="0" width="100%" class="contentpane"> width="30%"> ="required" for="jform_name" id="jform_name-lbl"> Họ và Tên: type="text" size="30" value="" class="inputbox required" maxlength="50" id="jform_name" name="jform[name]" /> class="red">* ="" class="required" for="jform_username" id="jform_username-lbl"> Tên đăng nhập: type="text" size="30" class="inputbox required" value="" id="jform_username" name="jform[username]" /> class="red">* ="" class="required" for="jform_password1" id="jform_password1-lbl"> Mật khẩu: type="password" size="30" class="inputbox required" value="" id="jform_password1" name="jform[password1]" /> class="red">* ="" class="required" for="jform_password2" id="jform_password2-lbl"> Nhập lại mật khẩu: type="password" size="30" class="inputbox required" value="" id="jform_password2" name="jform[password2]" /> class="red">* ="" class="required" for="jform_email1" id="jform_email1-lbl"> Địa chỉ email: type="text" size="30" class="inputbox required" value="" id="jform_email1" name="jform[email1]" /> class="red">* ="" class="required" for="jform_email2" id="jform_email2-lbl"> Nhập lại địa chỉ email: type="text" size="30" class="inputbox required" value="" id="jform_email2" name="jform[email2]" /> class="red">*
      Thông tin có dấu hoa thị (*) là bắt buộc. ="submit" class="button validate"> Tạo tài khoản
      type="hidden" name="option" value="com_users" /> type="hidden" name="task" value="registration.register" /> type="hidden" name="38d2533f81c952982441bc7698accb77" value="1" />
      • class="jcetooltip switchFont" title="Tăng cỡ chữ" onclick="switchFontSize('ja_nex_font', 'inc');return false;"> A+
      • class="jcetooltip switchFont" title="Cỡ chữ mặc định" onclick="switchFontSize('ja_nex_font', 'reset');return false;"> A
      • class="jcetooltip switchFont" title="Giảm cỡ chữ" onclick="switchFontSize('ja_nex_font', 'dec');return false;"> A-
        id
        ="search-headtools" class="search-headtool">
        • name
          ="rokajaxsearch" id="rokajaxsearch" class="light" action="https://itstudent.net/" method="get">
          class
          ="rokajaxsearch ">
          class
          ="roksearch-wrapper"> id="roksearch_search_str" name="searchword" type="text" class="inputbox" value="Tìm kiếm..." /> type="hidden" name="searchphrase" value="exact"/> type="hidden" name="limit" value="20" /> type="hidden" name="ordering" value="popular" /> type="hidden" name="view" value="search" /> type="hidden" name="option" value="com_search" />
          id
          ="roksearch_results">
          id
          ="rokajaxsearch_tmp" style="visibility:hidden;display:none;">
          id
          ="ja-header" class="wrap ">
          class
          ="main clearfix">

          class

          ="logo"> class="jcetooltip" href="/" title="MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ®"> alt="logo" itemprop="image" class="headerLogo" src="/templates/ja_nex/themes/blue/images/logo.png"/>MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ®
          class
          ="topheader clearfix">

          id
          ="ja-banner">
          class
          ="bannergroup">
          class
          ="banneritem"> href="/vi/component/banners/click/9.html" target="_blank" > class="jcetooltip" src="https://itstudent.net/images/banners/Happy-New-Year.png" title="MỪNG NĂM MỚI, 2013, MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ® xin gởi đến tất cả bạn đọc gần xa những lời chúc tốt đẹp nhất cho một năm mới với thật nhiều SỨC KHOẺ, NIỀM VUI, HẠNH PHÚC và THÀNH CÔNG" alt="MỪNG NĂM MỚI, 2013, MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ® xin gởi đến tất cả bạn đọc gần xa những lời chúc tốt đẹp nhất cho một năm mới với thật nhiều SỨC KHOẺ, NIỀM VUI, HẠNH PHÚC và THÀNH CÔNG" width ="346" height ="90" />
          class
          ="clr">

          id
          ="ja-mainnav" class="wrap ">
          class
          ="main clearfix">
          class
          ="ja-megamenu clearfix" id="ja-megamenu">
            class
          ="megamenu level0">
        • class
        • ="mega first">
        • class
        • ="mega haschild">href="/vi/tin-tức.html" class="mega haschild" id="menu602" title="TIN TỨC">class="menu-title">TIN TỨC
          class
          ="childcontent cols2 ">
          class
          ="childcontent-inner-wrap">
          class
          ="childcontent-inner clearfix" style="width: 415px;">
          class
          ="megacol column1 first" style="width: 170px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="/vi/tin-tức/chuyên-mục.html" class="mega first group" id="menu788" title="Chuyên mục">class="menu-title">Chuyên mục
          class
          ="group-content">
            class
          ="megamenu level1">
        • class
        • ="mega first">href="/vi/tin-tức/chuyên-mục/thủ-thuật.html" class="mega first" id="menu611" title="Thủ thuật">class="menu-title">Thủ thuật
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/công-nghệ.html" class="mega" id="menu612" title="Công nghệ">class="menu-title">Công nghệ
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/cơ-sở-dữ-liệu.html" class="mega" id="menu1065" title="Cơ sở dữ liệu">class="menu-title">Cơ sở dữ liệu
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/phần-cứng.html" class="mega" id="menu854" title="Phần cứng">class="menu-title">Phần cứng
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/phần-mềm.html" class="mega" id="menu855" title="Phần mềm">class="menu-title">Phần mềm
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/nghề-nghiệp.html" class="mega" id="menu924" title="Nghề nghiệp">class="menu-title">Nghề nghiệp
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/lập-trình.html" class="mega" id="menu937" title="Lập trình">class="menu-title">Lập trình
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/quản-trị-hệ-thống.html" class="mega" id="menu981" title="Quản trị hệ thống">class="menu-title">Quản trị hệ thống
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/quản-trị-mạng.html" class="mega" id="menu982" title="Quản trị mạng">class="menu-title">Quản trị mạng
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/đồ-họa.html" class="mega" id="menu1027" title="Đồ họa">class="menu-title">Đồ họa
        • class
        • ="mega">href="/vi/tin-tức/chuyên-mục/họ-nhà-táo.html" class="mega" id="menu950" title="Họ nhà TÁO">class="menu-title">Họ nhà TÁO
        • class
        • ="mega last">href="/vi/tin-tức/chuyên-mục/kinh-doanh-online.html" class="mega last" id="menu1127" title="Kinh doanh Online">class="menu-title">Kinh doanh Online
          class
          ="megacol column2 last" style="width: 240px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="/vi/tin-tức/tin-ngẫu-nhiên.html" class="mega first group" id="menu789" title="Tin ngẫu nhiên">class="menu-title">Tin ngẫu nhiên
          class
          ="group-content">
          class
          ="ja-moduletable moduletable clearfix" id="Mod144">
          class
          ="ja-box-ct clearfix">
          class
          ="ja-sidenews-list clearfix">
          class
          ="ja-slidenews-item"> class="jcetooltip" src="/images/resized/images/articles_2/Tu-hoc-Lap-trinh-PHP_200_200.jpg" alt="Tự học lập trình PHP - Phần 1" title="Tự học lập trình PHP - Phần 1" /> class="ja-title" href="/vi/tin-tức/chuyên-mục/lập-trình/tự-học-lập-trình-php-phần-1.html">Tự học lập trình PHP - Phần 1 ITStudent.net – Ngôn ngữ lập trình PHP hiện là một trong những ngôn ngữ lập trình web phổ biến nhất hiện nay. Mọi người yêu thích, sử dụng ngôn ngữ lập trình PHP vì nó thuộc mã nguồn mở; có nhiều PHP ...
        • class
        • ="mega haschild active">href="/vi/diễn-đàn.html" class="mega haschild active" id="menu673" title="DIỄN ĐÀN">class="menu-title">DIỄN ĐÀN
          class
          ="childcontent cols2 ">
          class
          ="childcontent-inner-wrap">
          class
          ="childcontent-inner clearfix" style="width: 425px;">
          class
          ="megacol column1 first" style="width: 150px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="/vi/diễn-đàn/chức-năng.html" class="mega first group" id="menu791" title="Chức năng">class="menu-title">Chức năng
          class
          ="group-content">
            class
          ="megamenu level1">
        • class
        • ="mega first">href="/vi/diễn-đàn/chức-năng/trang-chính.html" class="mega first" id="menu792" title="Trang chính">class="menu-title">Trang chính
        • class
        • ="mega">href="/vi/diễn-đàn/chức-năng/chủ-đề-mới.html" class="mega" id="menu793" title="Chủ đề mới">class="menu-title">Chủ đề mới
        • class
        • ="mega">href="/vi/diễn-đàn/chức-năng/nội-quy.html" class="mega" id="menu798" title="Nội quy">class="menu-title">Nội quy
        • class
        • ="mega last">href="/vi/diễn-đàn/chức-năng/tìm-kiếm.html" class="mega last" id="menu800" title="Tìm kiếm">class="menu-title">Tìm kiếm
          class
          ="megacol column2 last" style="width: 270px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="/vi/diễn-đàn/chủ-đề-mới.html" class="mega first group" id="menu790" title="Chủ đề mới">class="menu-title">Chủ đề mới
          class
          ="group-content">
          class
          ="ja-moduletable moduletable clearfix" id="Mod170">
          class
          ="ja-box-ct clearfix">
          class
          ="klatest ">
            class
          ="klatest-items">
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-user jcetooltip" href="/vi/diễn-đàn/profile/userid-3588.html" title="nhungbuna" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/./s_nophoto.jpg" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> class="jcetooltip"href="/vi/diễn-đàn/Lập-trình-Android/2107-Tương-lai-Windows-Phone-gắn-với…-Android.html#2107" title="Cựu CEO Microsoft Steve Ballmer cho rằng điện thoại Windows Phone cần phải chạy ứng dụng Android. Có thể ông nghĩ đúng. Windows 10 Mobile chưa được phát hành chính thức đã bị cựu CEO Steve Ballmer">Tương lai Windows Phone gắn với… Android?
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-user jcetooltip" href="/vi/diễn-đàn/profile/userid-3576.html" title="Huynhan" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/./s_nophoto.jpg" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> class="jcetooltip"href="/vi/diễn-đàn/Thông-tin-sự-kiện-ICT/2106-Hội-thảo-với-Mr-Kit-Ong---Tổng-giám-đốc-sáng-tạo-tại-YR.html#2106" title="Làm thế nào để trở thành NGƯỜI VIỆT NAM ĐẦU TIÊN giữ vị trí TỔNG GIÁM ĐỐC SÁNG TẠO tại một công ty quảng cáo đa quốc gia? Một cơ hội cho các bạn gặp gỡ trực tiếp và lắng nghe những chia sẻ quý báu t">Hội thảo với Mr. Kit Ong - Tổng giám đốc sáng tạo tại Y&R
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-globalmoderator jcetooltip" href="/vi/diễn-đàn/profile/userid-146.html" title="xuandzu" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/users/avatar146.png" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> href="/vi/diễn-đàn/Xử-lý-Ảnh/2105-Tuyển-tập-Photoshop-Phần-3---Neon-Light-Effect.html#2105" title=""> Tuyển tập Photoshop (Phần 3) - Neon Light Effect
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-user jcetooltip" href="/vi/diễn-đàn/profile/userid-3588.html" title="nhungbuna" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/./s_nophoto.jpg" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> class="jcetooltip"href="/vi/diễn-đàn/Kỹ-năng-hỗ-trợ/2104-Tư-vấn---Các-bước-chọn-nghề-phù-hợp-bản-thân.html#2104" title="Thành công nghề nghiệp tương lai phụ thuộc quan trọng vào sự lựa chọn ngành nghề hôm nay của bạn. Chắc hẳn đang có rất nhiều bạn học sinh đang rất khó khăn khi lựa chọn nghề nghiệp Bạn có thể tham kh">Tư vấn - Các bước chọn nghề phù hợp bản thân
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-user jcetooltip" href="/vi/diễn-đàn/profile/userid-3584.html" title="thaogiang" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/./s_nophoto.jpg" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> class="jcetooltip"href="/vi/diễn-đàn/Thông-tin-học-hành/2103-Học-kinh-nghiệm-Java--J2EE-ở-đâu.html#2103" title="NỘI DUNG KHÓA ĐÀO TẠO KINH NGHIỆM PHÁT TRIỂN DỰ ÁN WEB PORTALS JAVA-J2EE IMIC dự kiến sẽ KHAI GIẢNG khóa Đào Tạo KINH NGHIỆM PHÁT TRIỂN DỰ ÁN WEBPORTALs với JAVA-J2EE. Học viên sẽ nắm chắc kiến t">Học kinh nghiệm Java -J2EE ở đâu?
        • class
        • ="klatest-item">
            class
          ="klatest-itemdetails">
        • class
        • ="klatest-avatar"> class="kwho-user jcetooltip" href="/vi/diễn-đàn/profile/userid-3588.html" title="nhungbuna" rel="nofollow"> src="https://itstudent.net/media/kunena/avatars/resized/size36/./s_nophoto.jpg" alt="User Avatar" style="max-width: 36px; max-height: 36px" />
        • class
        • ="klatest-subject"> class="jcetooltip"href="/vi/diễn-đàn/Thông-tin-học-hành/2102-Học-lập-trình-website-với-khóa-PHP---Tại-sao-không.html#2102" title="[B]Thế giới công nghệ luôn sôi động, nhân tài về Web PHP đang là đối tượng săn đón của nhiều công ty công nghệ và tuyển dụng. Bạn sẽ không phải hối hận khi đứng trong hàng ngũ những người làm chủ công"> Học lập trình website với khóa PHP - Tại sao không
        • class
        • ="mega haschild">href="/vi/hướng-dẫn-học.html" class="mega haschild" id="menu889" title="HƯỚNG DẪN HỌC">class="menu-title">HƯỚNG DẪN HỌC
          class
          ="childcontent cols3 ">
          class
          ="childcontent-inner-wrap">
          class
          ="childcontent-inner clearfix" style="width: 920px;">
          class
          ="megacol column1 first" style="width: 300px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="#" class="mega first group" id="menu865" title="LẬP TRÌNH">class="menu-title">LẬP TRÌNH
          class
          ="group-content">
            class
          ="megamenu level1">
        • class
        • ="mega first">href="/vi/hướng-dẫn-học/lập-trình/lập-trình-c-thenewboston.html" class="mega first" id="menu868" title="Lập trình C (thenewboston)">class="menu-title">Lập trình C (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/lập-trình-c-cộng-cộng-thenewboston.html" class="mega" id="menu869" title="Lập trình C++ (thenewboston)">class="menu-title">Lập trình C++ (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/nhập-môn-lập-trình-c-thenewboston.html" class="mega" id="menu870" title="Nhập môn lập trình C# (thenewboston)">class="menu-title">Nhập môn lập trình C# (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/lập-trình-visual-basic-net-tmc.html" class="mega" id="menu877" title="Lập trình Visual Basic .NET (TMC)">class="menu-title">Lập trình Visual Basic .NET (TMC)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/nhập-môn-java-thenewboston.html" class="mega" id="menu875" title="Nhập môn Java (thenewboston)">class="menu-title">Nhập môn Java (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/lập-trình-java-nâng-cao-thenewboston.html" class="mega" id="menu876" title="Lập trình Java nâng cao (thenewboston)">class="menu-title">Lập trình Java nâng cao (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình/phát-triển-trò-chơi-trên-java-thenewboston.html" class="mega" id="menu878" title="Phát triển trò chơi trên Java (thenewboston)">class="menu-title">Phát triển trò chơi trên Java (thenewboston)
        • class
        • ="mega last">href="/vi/hướng-dẫn-học/lập-trình/phát-triển-trò-chơi-trên-máy-tính-thenewboston.html" class="mega last" id="menu872" title="Phát triển trò chơi trên máy tính (thenewboston)">class="menu-title">Phát triển trò chơi trên máy tính (thenewboston)
          class
          ="megacol column2" style="width: 300px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="#" class="mega first group" id="menu866" title="LẬP TRÌNH WEB">class="menu-title">LẬP TRÌNH WEB
          class
          ="group-content">
            class
          ="megamenu level1">
        • class
        • ="mega first">href="/vi/hướng-dẫn-học/lập-trình-web/phát-triển-web-bằng-dreamweaver-cs4-thenewboston.html" class="mega first" id="menu885" title="Phát triển web bằng Dreamweaver CS4 (thenewboston)">class="menu-title">Phát triển web bằng Dreamweaver CS4 (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/hướng-dẫn-học-xhtml-css-thenewboston.html" class="mega" id="menu884" title="Hướng dẫn học XHTML & CSS (thenewboston)">class="menu-title">Hướng dẫn học XHTML & CSS (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/hướng-dẫn-học-javascipt-thenewboston.html" class="mega" id="menu882" title="Hướng dẫn học JavaScipt (thenewboston)">class="menu-title">Hướng dẫn học JavaScipt (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/hướng-dẫn-học-jquery-thenewboston.html" class="mega" id="menu883" title="Hướng dẫn học jQuery (thenewboston)">class="menu-title">Hướng dẫn học jQuery (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/giới-thiệu-html5-thenewboston.html" class="mega" id="menu879" title="Giới thiệu HTML5 (thenewboston)">class="menu-title">Giới thiệu HTML5 (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/lập-trình-php-tmc.html" class="mega" id="menu880" title="Lập trình PHP (TMC)">class="menu-title">Lập trình PHP (TMC)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/lập-trình-web/lập-trình-php-thenewboston.html" class="mega" id="menu881" title="Lập trình PHP (thenewboston)">class="menu-title">Lập trình PHP (thenewboston)
        • class
        • ="mega last">href="/vi/hướng-dẫn-học/lập-trình-web/lập-trình-ruby-thenewboston.html" class="mega last" id="menu886" title="Lập trình Ruby (thenewboston)">class="menu-title">Lập trình Ruby (thenewboston)
          class
          ="megacol column3 last" style="width: 300px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="#" class="mega first group" id="menu867" title="HƯỚNG DẪN KHÁC">class="menu-title">HƯỚNG DẪN KHÁC
          class
          ="group-content">
            class
          ="megamenu level1">
        • class
        • ="mega first">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/hệ-quản-trị-csdl-mysql-thenewboston.html" class="mega first" id="menu888" title="Hệ quản trị CSDL MySQL (thenewboston)">class="menu-title">Hệ quản trị CSDL MySQL (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/phát-triển-ứng-dụng-trên-android-thenewboston.html" class="mega" id="menu871" title="Phát triển ứng dụng trên Android (thenewboston)">class="menu-title">Phát triển ứng dụng trên Android (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/phát-triển-ứng-dụng-trên-iphone-thenewboston.html" class="mega" id="menu874" title="Phát triển ứng dụng trên iPhone (thenewboston)">class="menu-title">Phát triển ứng dụng trên iPhone (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/lập-trình-object-c-thenewboston.html" class="mega" id="menu873" title="Lập trình Object C (thenewboston)">class="menu-title">Lập trình Object C (thenewboston)
        • class
        • ="mega">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/kỹ-năng-thuyết-trình.html" class="mega" id="menu887" title="Kỹ năng thuyết trình">class="menu-title">Kỹ năng thuyết trình
        • class
        • ="mega last">href="/vi/hướng-dẫn-học/hướng-dẫn-khác/định-hướng-nghề-nghiệp.html" class="mega last" id="menu948" title="Định hướng nghề nghiệp">class="menu-title">Định hướng nghề nghiệp
        • class
        • ="mega haschild">href="/vi/sách-hay.html" class="mega haschild" id="menu911" title="SÁCH HAY">class="menu-title">SÁCH HAY
          class
          ="childcontent cols2 ">
          class
          ="childcontent-inner-wrap">
          class
          ="childcontent-inner clearfix" style="width: 490px;">
          class
          ="megacol column1 first" style="width: 240px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="/vi/sách-hay/đọc-và-bình-sách.html" class="mega first group" id="menu1036" title="Đọc và bình sách">class="menu-title">Đọc và bình sách
          class
          ="group-content">
          class
          ="ja-moduletable moduletable clearfix" id="Mod267">
          class
          ="ja-box-ct clearfix">
          class
          ="ja-bulletin">
            class
          ="ja-bulletin clearfix">
        • href="/vi/sách-hay/đọc-và-bình-sách/các-kỹ-thuật-phân-rã-trong-phân-tích-thiết-kế-hệ-thống.html" class="mostread-image"> class="jcetooltip" src="/images/resized/images/books/Object-Oriented-Analysis-and-Design-with-Applications-3rd-Edition_40_40.jpg" alt="Các kỹ thuật phân rã trong phân tích thiết kế hệ thống" title="Các kỹ thuật phân rã trong phân tích thiết kế hệ thống" />
          style
          ="padding-left:57px"> href="/vi/sách-hay/đọc-và-bình-sách/các-kỹ-thuật-phân-rã-trong-phân-tích-thiết-kế-hệ-thống.html" class="mostread"> Các kỹ thuật phân rã trong phân tích thiết kế hệ thống
        • href="/vi/sách-hay/đọc-và-bình-sách/thư-viện-ajax-tạo-tab-ajax-dùng-jquery.html" class="mostread-image"> class="jcetooltip" src="/images/resized/images/books/PHP-Ajax-Cookbook_40_40.jpg" alt="Thư viện AJAX - Tạo Tab ajax dùng jQuery" title="Thư viện AJAX - Tạo Tab ajax dùng jQuery" />
          style
          ="padding-left:57px"> href="/vi/sách-hay/đọc-và-bình-sách/thư-viện-ajax-tạo-tab-ajax-dùng-jquery.html" class="mostread"> Thư viện AJAX - Tạo Tab ajax dùng jQuery
        • href="/vi/sách-hay/đọc-và-bình-sách/thư-viện-ajax-tạo-menu-điều-hướng-với-jquery.html" class="mostread-image"> class="jcetooltip" src="/images/resized/images/books/PHP-Ajax-Cookbook_40_40.jpg" alt="Thư viện AJAX - Tạo menu điều hướng với jQuery" title="Thư viện AJAX - Tạo menu điều hướng với jQuery" />
          style
          ="padding-left:57px"> href="/vi/sách-hay/đọc-và-bình-sách/thư-viện-ajax-tạo-menu-điều-hướng-với-jquery.html" class="mostread"> Thư viện AJAX - Tạo menu điều hướng với jQuery
        • href="/vi/sách-hay/đọc-và-bình-sách/cùng-grady-booch-phân-biệt-ooa,-ood-và-oop.html" class="mostread-image"> class="jcetooltip" src="/images/resized/images/books/Object-Oriented-Analysis-and-Design-with-Applications-3rd-Edition_40_40.jpg" alt="Cùng Grady Booch phân biệt OOA, OOD và OOP" title="Cùng Grady Booch phân biệt OOA, OOD và OOP" />
          style
          ="padding-left:57px"> href="/vi/sách-hay/đọc-và-bình-sách/cùng-grady-booch-phân-biệt-ooa,-ood-và-oop.html" class="mostread"> Cùng Grady Booch phân biệt OOA, OOD và OOP
        • href="/vi/sách-hay/đọc-và-bình-sách/điểm-mạnh,-điểm-yếu-của-ngôn-ngữ-c.html" class="mostread-image"> class="jcetooltip" src="/images/resized/images/books/C_Programming_A_Modern_Approach_2nd_40_40.jpg" alt="Điểm mạnh, điểm yếu của ngôn ngữ C" title="Điểm mạnh, điểm yếu của ngôn ngữ C" />
          style
          ="padding-left:57px"> href="/vi/sách-hay/đọc-và-bình-sách/điểm-mạnh,-điểm-yếu-của-ngôn-ngữ-c.html" class="mostread"> Điểm mạnh, điểm yếu của ngôn ngữ C
          class
          ="megacol column2 last" style="width: 245px;">
            class
          ="megamenu level1">
        • class
        • ="mega first group">
          class
          ="group">
          class
          ="group-title">href="#" class="mega first group" id="menu915" title="Sách ngẫu nhiên">class="menu-title">Sách ngẫu nhiên
          class
          ="group-content">
          class
          ="ja-moduletable moduletable clearfix" id="Mod249">
          class
          ="ja-box-ct clearfix">
          id
          ="k2ModuleBox249" class="k2ItemsBlock">
          • class
          • ="even lastItem">
            class
            ="moduleItemIntrotext"> class="moduleItemImage jcetooltip" href="/vi/sách-hay/item/503-php-ajax-cookbook-vi.html" title="Tiếp tục đọc "PHP Ajax Cookbook""> src="/media/k2/items/cache/6ef598b10d1539793d4ace8d8b7b613f_S.jpg" alt="PHP Ajax Cookbook"/>
          • class
          • ="clearList">
          • class
          • ="mega">href="/vi/việc-làm-it.html" class="mega" id="menu1189" title="VIỆC LÀM IT">class="menu-title">VIỆC LÀM IT
          • class
          • ="mega haschild">href="#" class="mega haschild" id="menu978" title="TIỆN ÍCH">class="menu-title">TIỆN ÍCH
            class
            ="childcontent cols1 ">
            class
            ="childcontent-inner-wrap">
            class
            ="childcontent-inner clearfix" style="width: 200px;">
            class
            ="megacol column1 first" style="width: 200px;">
              class
            ="megamenu level1">
          • class
          • ="mega first">href="/vi/tiện-ích/tìm-kiếm.html" class="mega first" id="menu1191" title="Tìm kiếm">class="menu-title">Tìm kiếm
          • class
          • ="mega">href="http://itstudent.net/im" class="mega" id="menu986" title="Quản lý sự cố">class="menu-title">Quản lý sự cố
          • class
          • ="mega">href="/vi/tiện-ích/bản-đồ-tư-duy.html" class="mega" id="menu980" title="Bản đồ tư duy">class="menu-title">Bản đồ tư duy
          • class
          • ="mega last">href="/vi/tiện-ích/bản-tin-itstudent-net.html" class="mega last" id="menu1004" title="Bản tin ITSTUDENT.net">class="menu-title">Bản tin ITSTUDENT.net
          • class
          • ="mega">href="/vi/thư-viện-ảnh.html" class="mega" id="menu1050" title="THƯ VIỆN ẢNH">class="menu-title">THƯ VIỆN ẢNH
          • class
          • ="mega last haschild">href="/vi/liên-hệ.html" class="mega last haschild" id="menu742" title="LIÊN HỆ">class="menu-title">LIÊN HỆ
            class
            ="childcontent cols1 ">
            class
            ="childcontent-inner-wrap">
            class
            ="childcontent-inner clearfix" style="width: 200px;">
            class
            ="megacol column1 first" style="width: 200px;">
              class
            ="megamenu level1">
          • class
          • ="mega first">href="/vi/tác-giả.html" class="mega first" id="menu1128" title="Các tác giả đóng góp bài viết">class="menu-title">Các tác giả đóng góp bài viết
          • class
          • ="mega last">href="/vi/liên-hệ.html" class="mega last" id="menu1130" title="Gởi thông tin liên hệ">class="menu-title">Gởi thông tin liên hệ

              class
            ="no-display">
          • href="#ja-content" title="Vào nội dung chi tiết"> Vào nội dung chi tiết
            id
            ="ja-topbar" class="wrap ">
            class
            ="main clearfix">
            id
            ="ja-top-header">
            class
            ="ja-healineswrap"> Bài hay:
            id
            ="jalh-modid166" class="ja-headlines ">
            style
            ="white-space:nowrap; " id="jahl-wapper-items-jalh-modid166">
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:visible"> class="jcetooltip" title="ITStudent.net – Android là hệ điều hành trên điện thoại di động được phát triển bởi công ty Android Inc. và được Google mua lại vào năm 2005. Smart Phone chạy Android chiếm hơn 80% thị phần điện thoại thông minh trên toàn thế giới. Cùng với một số lượng lớn các ứng dụng đã được phát triển cho các th..." href="/vi/tin-tức/chuyên-mục/lập-trình/lập-trình-android-cài-đặt-android-sdk-và-thiết-lập-môi-trường.html"> Lập trình Android – Cài đặt Android SDK và thiết lập môi trường
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="ITStudent.net - Kỹ thuật sắp xếp nhanh xếp danh sách theo chiến lược chia để trị (divide & conquer). Trong thuật toán này, danh sách cần xếp sẽ được xếp thành 2 nhóm, nhóm các phần tử lớn và nhóm các phần tử nhỏ dựa trên 1 phần tử được chọn nào đó. Sau đó tiến hành lặp đệ qui thao tác đó đến khi..." href="/vi/tin-tức/chuyên-mục/lập-trình/thuật-toán-sắp-xếp-nhanh-quick-sort-trong-c.html"> Thuật toán sắp xếp nhanh (quick sort) trong C
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="ITStudent.net – Java là ngôn ngữ lập trình hướng đối tượng đã và đang được sử dụng phổ biến hiện nay. Java có thể dùng được trong nhiều hệ điều hành như Windows, Linux, MAC OSX,… Để làm việc được với Java thì ta cần thiết lập môi trường làm việc bao gồm: cài đặt JDK (Java Development Kit) và IDE (In..." href="/vi/tin-tức/chuyên-mục/lập-trình/thiết-lập-môi-trường-lập-trình-java-trên-windows.html"> Thiết lập môi trường lập trình Java trên Windows
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="ITStudent.net - Microsoft đã chứng minh lợi thế cạnh tranh vượt trội của mình trong lĩnh vực cơ sở dữ liệu bằng việc tiếp tục giới thiệu phiên bản mới nhất, phiên bản SQL Server 2012 cho dòng sản phẩm hệ quản trị cơ sở dữ liệu mà họ đã dày công duy trì và phát triển từ năm 1989 đến nay. So với phiên..." href="/vi/tin-tức/chuyên-mục/cơ-sở-dữ-liệu/hướng-dẫn-cài-đặt-sql-server-2012-trên-windows-8.html"> Hướng dẫn cài đặt SQL Server 2012 trên Windows 8
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Sử dụng kỹ thuật chuyển đổi ảnh bitmap thành vector ITStudent.net – Bạn có trong tay một tấm ảnh khổ nhỏ kích thước 10cm x 15cm và điều mà Bạn mong muốn là rửa tấm ảnh khổ lớn cỡ 50cm x 75cm. Nếu Bạn thực hiện việc phóng rọi ảnh từ bức ảnh có kích thước nhỏ thì điều không thể tránh khỏi là hình ảnh..." href="/vi/tin-tức/chuyên-mục/đồ-họa/phóng-lớn-ảnh-không-vỡ-nét-bằng-photoshop-cs.html">Phóng lớn ảnh không vỡ nét bằng Photoshop CS
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Hướng dẫn thiết lập FTP Server trên Windows Server 2008 ITStudent.net - FTP là chữ viết tắc của (File Transfer Protocol - Giao thức truyền tải file). FTP là một giao thức truyền file trên mạng dựa trên chuẩn giao thức TCP. FTP là công cụ quản lý files giữa các máy. FTP cho phép truyền và tải files..." href="/vi/tin-tức/chuyên-mục/quản-trị-mạng/ftp-server-cấu-hình-dịch-vụ-trên-windows-server-2008.html">FTP SERVER - Cấu hình dịch vụ trên Windows Server 2008
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Hướng dẫn sử dụng bộ lọc High Pass thực hiện tăng độ nét, chi tiết ảnh chụp. ITStudent.net – Việc sử dụng bộ lọc (Filter) phù hợp sẽ mang lại những kết quả sáng giá cho bức ảnh, một trong các bộ lọc được cung cấp (tích hợp) sẵn trong Photoshop CS6 có thể kể đến High Pass Filter. High Pass Fil..." href="/vi/tin-tức/chuyên-mục/đồ-họa/photoshop-cs-–-phần-24-tăng-độ-nét-cho-ảnh-bằng-high-pass-filter.html">Photoshop CS – Phần 24: Tăng độ nét cho ảnh bằng High Pass Filter
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Hướng dẫn sử dụng Background Eraser Tool để xoá phông nền ITStudent.net – Với phông nền một màu các Bạn có thể loại bỏ nó khá đơn giản và dễ dàng thông qua công cụ Magic wand tool, phối hợp với color range hoặc eraser. Nhưng với phông nền tương đối phức tạp như phông nền nhiều màu hoặc phông nền có..." href="/vi/tin-tức/chuyên-mục/đồ-họa/photoshop-cs-–-phần-6-tách-nền-ghép-ảnh.html">Photoshop CS – Phần 6: Tách nền ghép ảnh
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Hướng dẫn thiết lập bộ gõ tiếng việt trên hệ điều hành MAC OS ITStudent.net – Các Bạn có thể cài bộ gõ tiếng việt với những phần mềm ứng dụng đang được sử dụng trên thị trường hiện nay, trong bài viết này hướng dẫn các Bạn thiết lập bộ gõ tiếng việt được tích hợp sẵn trong hệ điều hành máy tính MAC..." href="/vi/tin-tức/chuyên-mục/họ-nhà-táo/mac-os-–-bộ-gõ-unikey-trên-os-x.html">Mac OS – Bộ gõ Unikey trên OS X
            class
            ="ja-headlines-item jahl-horizontal" style="visibility:hidden"> class="jcetooltip" title="Hướng dẫn thiết lập dịch vụ IIS – Web Server trên Windows Server 2008 ITStudent.net - Trong loạt bài viết về Windows Server 2008. Phần này Chúng ta sẽ xây dựng Web Server thông qua dịch vụ IIS. Vậy Web Server  là gì thế?" href="/vi/tin-tức/chuyên-mục/quản-trị-mạng/web-server-–-cấu-hình-dịch-vụ-trên-windows-server-2008.html">WEB SERVER – Cấu hình dịch vụ trên Windows Server 2008
            id
            ="ja-breadcrums" class="wrap ">
            class
            ="main clearfix">
            class
            ="ja-breadcrums">
            class
            ="breadcrums-view">
              class
            ="no-display">
          • href="#ja-content" title="Skip to content"> Skip to content
            id
            ="ja-container" class="wrap ja-mf">
            class
            ="main">
            class
            ="main-inner1 clearfix">
            id
            ="ja-mainbody" style="width:100%">
            id
            ="ja-main" style="width:100%">
            class
            ="inner clearfix">
            id
            ="system-message-container">
            id
            ="ja-contentwrap" class="clearfix ">
            id
            ="ja-content" class="column" style="width:100%">
            id
            ="ja-current-content" class="column" style="width:100%">
            id
            ="ja-content-main" class="ja-content-main clearfix">

            id
            ="Kunena">
            id
            ="ktop">
            id
            ="ktopmenu">
            id
            ="ktab">
            class
            ="moduletable">
              class
            ="menu">
          • class
          • ="item-791 parent"> href="/vi/diễn-đàn/chức-năng.html" >Chức năng
          • class
          • ="item-790">href="/vi/diễn-đàn/chủ-đề-mới.html" >Chủ đề mới class="ktoggler fltrt">class="ktoggler close" title="" rel="kprofilebox">
            class
            ="kblock kpbox">
            class
            ="kcontainer" id="kprofilebox">
            class
            ="kbody"> class
            ="kprofilebox"> class ="krow1"> valign="top" class="kprofileboxcnt">
            class
            ="k_guest"> Xin chào, Khách quý
            class
            ="kblock kpathway">
            class
            ="kcontainer" id="pathway_tbody">
            class
            ="ksectionbody">
            class
            = "kforum-pathway">
            class
            ="path-element-first"> href="/vi/diễn-đàn/chức-năng/trang-chính.html" title="" rel="follow">ITSTUDENT.net
            class
            ="path-element">href="/vi/diễn-đàn/KIẾN-THỨC-CHUYÊN-NGÀNH.html" title="" rel="follow">KIẾN THỨC CHUYÊN NGÀNH
            class
            ="path-element">href="/vi/diễn-đàn/THẾ-GIỚI-LẬP-TRÌNH.html" title="" rel="follow">THẾ GIỚI LẬP TRÌNH
            class
            ="path-element">href="/vi/diễn-đàn/HTML--CSS.html" title="" rel="follow">HTML & CSS
            class
            ="path-element-last">HTML5 - Vẽ hình trong Canvas
            class
            ="path-element-users">(1 người đang xem) (1) Khách

            class
            ="klist-actions clearfix">
            class
            ="klist-actions-goto"> name="forumtop"> class="kbuttongoto" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html#forumbottom" title="" rel="nofollow">class="jcetooltip kicon kforumbottom" title="Đi xuống cuối trang">
            class
            ="klist-actions-forum">
            class
            ="kmessage-buttons-row"> class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas/post.html?do=reply" title="Trả lời" rel="nofollow"> class="reply">trả lời
            class
            ="klist-actions-forum">
            class
            ="kmessage-buttons-row"> class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/post.html?do=new" title="Tạo chủ đề mới" rel="nofollow"> class="newtopic">tạo chủ đề mới
            class
            ="klist-pages-all clearfix">
              class
            ="kpagination">
          • class
          • ="page">Trang:
          • class
          • ="active">1
            class
            ="kblock">
            class
            ="kheader">

            NỘI DUNG CỦA CHỦ ĐỀ: HTML5 - Vẽ hình trong Canvas
            class
            ="kcontainer">
            class
            ="kbody">
            class
            ="kmsg-header kmsg-header-left ">

            class

            ="clearfix"> class=" kmsgtitle kmsg-title-left"> HTML5 - Vẽ hình trong Canvas class="kmsgdate kmsgdate-left" title="14/06/2012-14:22"> cách đây 3 năm, 6 tháng class="kmsg-id-left"> name="42"> href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html#42" title="" rel="nofollow"> #42 class
            ="kmsg"> rowspan="2" class="kprofile-left">
              class
            ="kpost-profile">
          • class
          • ="kpost-username"> class="kwho-admin" href="/vi/diễn-đàn/profile/userid-42.html" title="" rel="nofollow"> admin
          • class
          • ="kpost-avatar"> class="kwho-admin" href="/vi/diễn-đàn/profile/userid-42.html" title="" rel="nofollow"> class="kavatar">class="kavatar" src="https://itstudent.net/media/kunena/avatars/resized/size144/users/avatar42.png" alt="User Avatar" style="max-width: 144px; max-height: 144px" />
          • class="kicon-button kbuttononline-no">class="online-no">không trực tuyến
          • class
          • ="kpost-userrank"> Administrator
          • class
          • ="kpost-userrank-img"> src="https://itstudent.net/components/com_kunena/template/ja_nex/images/ranks/rankadmin.gif" alt="" />
          • class
          • ="kpost-userposts"> Tổng số bài viết: 71
          • class
          • ="kpost-karma"> class="kmsgkarma"> Điểm khen ngợi: 1
          • class
          • ="kpost-smallicons"> class="jcetooltip kicon-profile kicon-profile-gender-unknown" title="Giới tính: chưa thiết lập"> href="http://itstudent.net" target="_blank">class="jcetooltip kicon-profile kicon-profile-website jcetooltip" title="Trang web: ITSTUDENT.net"> class="kmessage-left">
            class
            ="kmsgbody">
            class
            ="kmsgtext">
            class
            ="kmsgtext-article"> itemprop="image" src="/images/articles/html5_supper.jpg" width="300" height="197" class="jcetooltip jcetooltip" style="float: right;" alt="html5 supper" title="Loạt bài giới thiệu về HTML5" />ITStudent.net - Trước đây để hiển thị hình ảnh trên web, chúng ta phải dùng tới các chương trình xử lý ảnh để có hình ảnh mong muốn sau đó chuyển thành các định dạng hình phổ biến mà trình duyệt hỗ trợ như jpg, gif, png, bmp,...tuy nhiên hình ảnh đó thường có dung lượng lớn nên khi được nạp lên web sẽ ít nhiều ảnh hưởng đến tốc độ tải trang. Quan trọng hơn, thông tin trên hình ảnh hầu như không có khả năng tái sử dụng. Các hình ảnh như thế được xem như những tập hợp điểm ảnh "chết", không có khả năng tương tác. Sau đó kỹ thuật dùng SVG ra đời (1 ứng dụng của ngôn ngữ XML) tuy nhiên để hiển thị được các đoạn SVG cần phải có các plugin đặc biệt cho từng browser. Đáng mừng là kế thừa tất cả các ưu điểm của SVG, giờ đây hầu hết các trình duyệt đã hỗ trợ bắt đầu hỗ trợ thẻ canvas của HTML5 để hiển thị "hình có source là text"


            Với kỹ thuật này, việc tạo ra 1 hình sẽ hoàn toàn dùng câu lệnh, nên tính tái sử dụng và tương tác là rất cao. Hãy cùng xem đoạn code bên dưới và kết quả kết xuất của nó trực tiếp lên trình duyệt. Lưu ý rằng các hình mà bạn thấy bên dưới là do trình duyệt tự kết xuất để hiển thị nhưng source code bên dưới vẫn là các dòng lệnh quen thuộc với lập trình viên.
            class
            ="brush:xml"> <!DOCTYPE html> <html> <head> <title> HTML5 - Canvas </title> <script type="text/javascript"> function loader() { var canvas = document.getElementById ('canvas'); var canvas1 = canvas.getContext('2d'); // Vẽ 3 hình chữ nhật xanh, vàng, đỏ canvas1.fillStyle = "rgba(52,119,187, 1)"; canvas1.fillRect(30, 30, 75, 70); canvas1.fillStyle = "rgba(200, 200, 0, 1)"; canvas1.fillRect(70, 50, 55, 70); canvas1.fillStyle = "rgba(200, 0, 0, 1)"; canvas1.fillRect(90, 50, 75, 50); //Vẽ và tô màu xanh lục cho hình tam giác canvas1.fillStyle = "rgba(0, 200, 0, 0.5)"; canvas1.beginPath(); canvas1.moveTo(225, 25); canvas1.lineTo(305, 25); canvas1.lineTo(225, 105); canvas1.closePath(); canvas1.fill(); // Vẽ đường viền 3 hình tam giác canvas1.beginPath(); canvas1.strokeStyle = "rgba(200, 0, 0, 0.5)"; canvas1.moveTo(110, 205); canvas1.lineTo(110, 125); canvas1.lineTo(30, 205); canvas1.closePath(); canvas1.stroke(); canvas1.beginPath(); canvas1.moveTo(100, 205); canvas1.lineTo(100, 125); canvas1.lineTo(20, 205); canvas1.closePath(); canvas1.stroke(); canvas1.beginPath(); canvas1.moveTo(90, 205); canvas1.lineTo(90, 125); canvas1.lineTo(10, 205); canvas1.closePath(); canvas1.stroke(); // Vẽ và tô hình trái tim canvas1.fillStyle = "rgba(200, 0, 0, 0.5)"; canvas1.beginPath(); canvas1.moveTo(75, 250); canvas1.bezierCurveTo(75, 247, 70, 235, 50, 235); canvas1.bezierCurveTo(20, 235, 20, 272.5, 20, 272.5); canvas1.bezierCurveTo(20, 290, 40, 312, 75, 330); canvas1.bezierCurveTo(110, 312, 130, 290, 130, 272.5); canvas1.bezierCurveTo(130, 272.5, 130, 235, 100, 235); canvas1.bezierCurveTo(85, 235, 75, 247, 75, 250); canvas1.closePath(); canvas1.fill(); //Vẽ đường cong Quadratic canvas1.strokeStyle = "rgba(0, 0, 0, 1)"; canvas1.beginPath(); canvas1.moveTo(275, 125); canvas1.quadraticCurveTo(225, 125, 225, 162); canvas1.quadraticCurveTo(260, 200, 265, 200); canvas1.quadraticCurveTo(325, 200, 325, 162); canvas1.quadraticCurveTo(325, 125, 275, 125); canvas1.closePath(); canvas1.stroke(); // Vẽ các cung canvas1.beginPath(); canvas1.arc(275, 275, 50, 0, Math.PI * 2, true); canvas1.moveTo(310, 275); canvas1.arc(275, 275, 35, 0, 0.75 * Math.PI, false); canvas1.moveTo(300, 255); canvas1.arc(265, 255, 35, 0, 0.5 * Math.PI, false); canvas1.moveTo(280, 255); canvas1.arc(245, 255, 35, 0, 0.2 * Math.PI, false); canvas1.closePath(); canvas1.stroke(); canvas1.font = 'italic 40px sans-serif'; canvas1.strokeText("Welcome to ITSTUDENT.net!", 50, 400); } </script> </head> <body onload="loader()"> <h1>Giới thiệu Canvas trong HTML5</h1> <canvas id="canvas" width="600" height="500"> </canvas> </body> </html> </span> </td></tr> <tr><td class="line-number" value="1032"></td><td class="line-content"> HTML5 - Canvas </td></tr> <tr><td class="line-number" value="1033"></td><td class="line-content"> <span class="html-tag"> onload="html_canvas_loader()">

            Giới thiệu Canvas trong HTML5 id="canvas" width="600" height="500">
            class
            ="article_meta_info">
            class
            ="ja-typo-icon icon-user"> class="icon">  Phan Võ Minh Thắng
            class
            ="ja-typo-icon icon-website"> class="icon">  href="http://itstudent.net">ITStudent.net
            class
            ="ja-typo-icon icon-english"> class="icon">  target="_self" href="/vi/news/news-category/programming/html5-drawing-in-canvas.html">HTML5 - Drawing in Canvas
            class
            ="ja-typo-icon icon-page"> class="icon">  Bài kế (đón xem): target="_self" href="http://itstudent.net">HTML5 - Kỹ thuật gắp thả (drag & drop) href="/vi/tin-tức/chuyên-mục/lập-trình/html5-vẽ-hình-trong-canvas.html" class="readon"> class="kbuttonbar-left">
            class
            ="kmsgsignature"> BAN QUẢN TRỊ
            MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ®
            class
            ="kmessage-editmarkup-cover">
            class
            ="kmessage-buttons-cover">
            class
            ="kmessage-buttons-row"> class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas/post.html?do=reply" title="Có đủ công cụ soạn thảo văn bản" rel="nofollow"> class="reply">trả lời chi tiết class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas/post.html?do=quote" title="Trích dẫn bài viết này" rel="nofollow">class="quote">trích dẫn
            class
            ="kpost-thankyou">

            class
            ="kunena_msg_1">
            class
            ="moduletable">
            class
            ="custom" >
            style
            ="display: block; text-align: right;">
            style
            ="display: inline-block; text-align: right;">
            style
            ="display: inline-block; text-align: right;"> send="false" layout="button_count" width="100" show_faces="false" font="arial"> href="https://twitter.com/share" class="twitter-share-button">Tweet
            style
            ="display: inline-block; text-align: right;">
            class
            ="g-plusone" data-size="medium" style="display: inline-block; text-align: right;">  
            class
            ="klist-actions clearfix">
            class
            ="klist-actions-goto"> name="forumbottom"> class="kbuttongoto" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html#forumtop" title="" rel="nofollow">class="jcetooltip kicon kforumtop" title="Trở lên đầu đề">
            class
            ="klist-actions-forum">
            class
            ="kmessage-buttons-row"> class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas/post.html?do=reply" title="Trả lời" rel="nofollow"> class="reply">trả lời
            class
            ="klist-actions-forum">
            class
            ="kmessage-buttons-row"> class="kicon-button kbuttoncomm btn-left jcetooltip" href="/vi/diễn-đàn/HTML--CSS/post.html?do=new" title="Tạo chủ đề mới" rel="nofollow"> class="newtopic">tạo chủ đề mới
            class
            ="klist-pages-all clearfix">
              class
            ="kpagination">
          • class
          • ="page">Trang:
          • class
          • ="active">1
            class
            = "kforum-pathway-bottom">
            class
            ="path-element-first"> href="/vi/diễn-đàn/chức-năng/trang-chính.html" title="" rel="follow">ITSTUDENT.net
            class
            ="path-element">href="/vi/diễn-đàn/KIẾN-THỨC-CHUYÊN-NGÀNH.html" title="" rel="follow">KIẾN THỨC CHUYÊN NGÀNH
            class
            ="path-element">href="/vi/diễn-đàn/THẾ-GIỚI-LẬP-TRÌNH.html" title="" rel="follow">THẾ GIỚI LẬP TRÌNH
            class
            ="path-element">href="/vi/diễn-đàn/HTML--CSS.html" title="" rel="follow">HTML & CSS
            class
            ="kcontainer klist-bottom">
            class
            ="kbody">
            class
            ="kmoderatorslist-jump fltrt">
            id
            ="jumpto" name="jumpto" method="post" target="_self" action="/vi/diễn-đàn.html"> class="kright"> type="hidden" name="func" value="showcat" /> ="forumjump" name="catid" class="inputbox fbs" size="1" onchange = "this.form.submit()"> ="0"> ::Chuyển nhanh:: ="1"> KIẾN THỨC CHUYÊN NGÀNH ="81"> - - HỎI ĐÁP & CHIA SẺ KINH NGHIỆM ="107"> - - - Cơ sở dữ liệu ="82"> - - - Công nghệ phần mềm ="84"> - - - Đồ họa, đa truyền thông ="86"> - - - Phát triển Web ="108"> - - - Web Master ="109"> - - - Tự học SEO ="83"> - - - Quản trị hệ thống ="87"> - - - Quản trị mạng ="88"> - - - Khắc phục sự cố ="90"> - - - Thủ thuật ="89"> - - - Giải bài tập ="85"> - - - Các vấn đề khác ="55"> - - CƠ SỞ DỮ LIỆU ="91"> - - - Thiết kế CSDL ="96"> - - - Quản trị CSDL ="95"> - - - Lập trình CSDL ="126"> - - - CSDL nhúng ="125"> - - - NoSQL Databases ="127"> - - - Object-Oriented Databases ="16"> - - THẾ GIỚI LẬP TRÌNH ="118"> - - - Lập trình Pascal ="111"> - - - Lập trình C ="112"> - - - Lập trình C++ ="115"> - - - Lập trình C# ="113"> - - - Lập trình Java ="116"> - - - Lập trình JSP ="117"> - - - Lập trình GAME ="114"> - - - Lập trình Visual Basic ="119"> - - - Lập trình ASP.NET ="120"> - - - Lập trình PHP ="121"> - - - Lập trình JavaScript ="122" selected="selected"> - - - HTML & CSS ="142"> - - LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG ="143"> - - - Lập trình Android ="144"> - - - Lập trình trên iOS ="145"> - - - Kỹ thuật lập trình di động ="128"> - - THẾ GIỚI MÃ NGUỒN MỞ ="129"> - - - CMS WordPress ="130"> - - - CMS Joomla ="131"> - - - CMS Drupal ="139"> - - - LifeRay Portal ="140"> - - - JBoss Portal ="141"> - - - Sakai Portal ="2"> - - CÔNG NGHỆ PHẦN MỀM ="14"> - - - Qui trình & công cụ ="17"> - - - Các nền tảng phát triển ="56"> - - - An toàn & bảo mật ="57"> - - - Công nghệ & Ứng dụng ="97"> - - - Thiết kế Front-End ="110"> - - - Kiểm thử phần mềm ="146"> - - - PTTK HĐT (OOAD) ="147"> - - - Quản lý dự án phần mềm ="148"> - - - Giao tiếp Người-Máy ="149"> - - HỆ THỐNG THÔNG TIN ="150"> - - - Hệ thống quản trị doanh nghiệp ="151"> - - - Phân tích thiết kế hệ thống ="152"> - - - Thương mại điện tử ="92"> - - - Data Warehouse ="93"> - - - Phân tích dữ liệu ="94"> - - - Khai thác dữ liệu ="3"> - - QUẢN TRỊ HỆ THỐNG ="18"> - - - Hạ tầng mạng ="19"> - - - Quản trị mạng ="20"> - - - An ninh mạng ="44"> - - ĐỒ HỌA, ĐA TRUYỀN THÔNG ="45"> - - - Xử lý Ảnh ="46"> - - - Xử lý Video ="47"> - - - Xử lý Âm thanh ="72"> - - HỌ NHÀ TÁO ="73"> - - - Ứng dụng hay cho iPhone ="74"> - - - Mac OS X ="75"> - - - xCode, Objective-C ="50"> - - HỌC NỮA, HỌC MÃI ="48"> - - - Sách & Giáo trình ="49"> - - - Khoa học & Công nghệ ="51"> - - - Thư viện mã nguồn ="52"> - - - Phần mềm hay ="53"> - - - Clip hướng dẫn hay ="54"> - - - Bài viết hay ="77"> - - CHUYÊN ĐỀ NÂNG CAO ="98"> ĐỜI SỐNG SINH VIÊN ="66"> - - NGHỀ NGHIỆP & HỌC HÀNH ="67"> - - - Thông tin việc làm ="68"> - - - Thông tin học hành ="69"> - - - Kỹ năng hỗ trợ ="102"> - - HOẠT ĐỘNG & SỰ KIỆN ="104"> - - - Thông tin sự kiện ICT ="105"> - - - Thông tin giải trí ="103"> - - - CƯỜI chút CHƠI ="99"> - - CHUYỆN ĂN Ở & TIÊU DÙNG ="100"> - - - Thông tin nhà trọ ="101"> - - - Quán Sinh Viên ="106"> - - - Sản phẩm dịch vụ ="21"> KẾT NỐI ="28"> - - SINH VIÊN CÁC TRƯỜNG ="22"> - - - ĐH Bách Khoa TP.HCM ="23"> - - - ĐH Khoa Học Tự Nhiên HCM ="24"> - - - ĐH Công Nghệ Thông Tin ="25"> - - - ĐH FPT ="26"> - - - ĐH Sư Phạm TP. HCM ="27"> - - - ĐH Hoa Sen ="29"> - - - ĐH Sài Gòn ="30"> - - - ĐH Sư Phạm Kỹ Thuật HCM ="31"> - - - ĐH Công Nghiệp 4 TP. HCM ="32"> - - - ĐH Giao Thông Vận Tải HCM ="33"> - - - ĐH Kỹ Thuật Công Nghệ ="34"> - - - ĐH Hồng Bàng ="37"> - - - ĐH Nguyễn Tất Thành ="35"> - - - ĐH Tôn Đức Thắng ="38"> - - - ĐH Nông Lâm TP. HCM ="36"> - - - ĐH Mở TP.HCM ="39"> - - - ĐH Ngoại ngữ - Tin học ="61"> - - - Sinh viên ARENA ="60"> - - - Sinh viên APTECH ="59"> - - - Sinh viên NIIT ="40"> - - - Các trường khác ="132"> - - CÁC MÔN HỌC ĐANG MỞ ="62"> - - ENGLISH CORNER ="63"> - - - Articles ="64"> - - - English for IT Students ="65"> - - - Other discussions ="41"> - - THÔNG BÁO - GÓP Ý - TƯ VẤN ="42"> - - - Thông báo ="43"> - - - Đóng góp ý kiến ="58"> - - - Tư vấn type="submit" name="Go" class="kbutton ks" value="OK" />
            class
            ="kunena_bottom">
            class
            ="moduletable">
            class
            ="kblock sw_kbirthday ">
            class
            ="kheader"> class="ktoggler"> class="ktoggler close" title="" rel="sw_kbirthday">

            class="ktitle km"> SINH NHẬT THÀNH VIÊN
            class
            ="kcontainer" id="sw_kbirthday">
            class
            ="kbody"> class
            ="kblocktable"> class ="krow2"> class="kcol-first">
            class
            ="swkbicon"> class="kcol-mid km">
            class
            ="sw_kbirthdy ks"> Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1485.html" title="" rel="nofollow">sea_god : còn 3 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-2782.html" title="" rel="nofollow">tranthihue: còn 8 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-3217.html" title="" rel="nofollow">K38.104.027: còn 16 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-3471.html" title="" rel="nofollow">thuylinh.1994: còn 16 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-751.html" title="" rel="nofollow">vulinh2101: còn 16 ngày , Sinh nhật class="kwho-moderator" href="/vi/diễn-đàn/profile/userid-85.html" title="" rel="nofollow">Zendy_Huynh: còn 19 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1478.html" title="" rel="nofollow">longdangyeu481: còn 22 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-90.html" title="" rel="nofollow">lekimvan1985: còn 27 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-2631.html" title="" rel="nofollow">Ngoc Thuong: còn 28 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1492.html" title="" rel="nofollow">sellingford3000: còn 30 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1842.html" title="" rel="nofollow">trần_omjl: còn 30 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1883.html" title="" rel="nofollow">tuannt77: còn 36 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-2141.html" title="" rel="nofollow">k37.104.086: còn 39 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-3045.html" title="" rel="nofollow">K38.104.052: còn 51 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-3506.html" title="" rel="nofollow">traitimhoada0309: còn 51 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-108.html" title="" rel="nofollow">dlb: còn 53 ngày , Sinh nhật class="kwho-user" href="/vi/diễn-đàn/profile/userid-1661.html" title="" rel="nofollow">meoxin_say: còn 60 ngày
            class
            ="krss-block">



            id
            ="ja-botsl1" class="wrap ">
            class
            ="wrap-inner1">
            class
            ="main">
            class
            ="main-inner1 clearfix">
            class
            ="ja-box-wrap column ja-box-full" style="width: 100%;">
            class
            ="ja-moduletable moduletable_menu clearfix" id="Mod151">
            class
            ="ja-box-ct clearfix">
              class
            ="menu">
          • class
          • ="item-744"> href="/vi/" >TRANG CHỦ
          • class
          • ="item-746">href="/vi/tin-tức.html" >TIN TỨC
          • class
          • ="item-750 active">href="/vi/diễn-đàn.html" >DIỄN ĐÀN
          • class
          • ="item-890">href="/vi/hướng-dẫn-học.html" >HƯỚNG DẪN HỌC
          • class
          • ="item-912">href="/vi/sách-hay.html" >SÁCH HAY
          • class
          • ="item-1190">href="/vi/việc-làm-it.html" >VIỆC LÀM IT
          • class
          • ="item-754">href="/vi/liên-hệ.html" >LIÊN HỆ
          • class
          • ="item-891">href="/vi/sơ-đồ-site.html" >SƠ ĐỒ SITE
          • class
          • ="item-952">href="/vi/web-liên-kết.html" >WEB LIÊN KẾT
            id
            ="ja-footer" class="wrap ">
            class
            ="main clearfix">
            class
            ="ja-copyright">
            class
            ="custom" > style="color: #d6e4ec;">Bản quyền © MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ® thuộc về PEGAS Co., Ltd, 2012-2015.
            style="color: #d6e4ec; line-height: 14px;">Giấy phép số 88/GP-ICP-STTTT do Sở Thông Tin và Truyền thông TP.HCM cấp ngày 02-11-2012
            style="color: #d6e4ec; line-height: 14px;">Phát triển bởi href="/vi/tác-giả.html?view=authors" title="Nhóm tác giả phát triển nội dung" class="jcetooltip">PEGAS Co., Ltd. Chịu trách nhiệm chính: class="jcetooltip" title="Xem hồ sơ của Phan Võ Minh Thắng" href="/vi/forum/profile/userid-43.html" style="line-height: 14px;">Phan Võ Minh Thắng href="https://plus.google.com/115256811334666532771?rel=author" class="jcetooltip" target="_blank" title="Google+">style="color: #222222;">[Google+]
            class="jcetooltip" title="MẠNG SINH VIÊN CNTT VIỆT NAM - ITSTUDENT.net ®" href="https://plus.google.com/100901358594173994936" rel="publisher">ITSTUDENT.net ®style="color: #d6e4ec;"> - 328/13C Nguyễn Thị Minh Khai, Phường 5, Quận 3, TP. Hồ Chí Minh, Việt Nam.
            style="color: #d6e4ec;">Điện thoại: +(84) 090 331 0551  -  Fax: +(84) 083 929 3786  -  Email: class="jcetooltip" title="Gởi thông tin liên hệ" href="/vi/liên-hệ.html">admin @itstudent.net style="color: #d6e4ec;">




              class
            ="ja-links">
          • class
          • ="top"> href="#Top" class="jcetooltip" title="Về đầu trang">Đầu trang
            id
            ="qr-code" style="position:absolute; padding:0px; margin:0px; top:0px; right:0px;"> src="https://chart.googleapis.com/chart?&cht=qr&chl=https://itstudent.net/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html&choe=UTF-8&chs=100x100&chld=L" alt="QR Code" class="jcetooltip" title="URL::https://itstudent.net/vi/diễn-đàn/HTML--CSS/42-HTML5---Vẽ-hình-trong-Canvas.html" style="float:right; border-radius:4px;"/>



            0 nhận xét: