| xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="vi-vn" lang="vi-vn "> |
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
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">
id
="ja-user-login" style="width:330px;">
="https://itstudent.net/vi/diễn-đàn.html" method="post" name="form-login" id="login-form" >
class
="pretext">
="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" />
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%;">
Requires Javascript Enabled Browser.
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;">
="member-registration" action="/vi/component/users/?task=registration.register" method="post" class="form-validate">
cellpaddingThông tin có dấu hoa thị (*) là bắt buộc. ="submit" class="button validate"> Tạo tài khoản
id
="search-headtools" class="search-headtool">
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 ®">
class
="topheader clearfix">
id
="ja-banner">
class
="bannergroup">
class
="banneritem">
href="/vi/component/banners/click/9.html" target="_blank" >
class
="clr">
id
="ja-mainnav"
class="wrap ">
class
="main clearfix">
class
="ja-megamenu clearfix" id="ja-megamenu">
- class
class
="childcontent cols2 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 415px;">
class
="megacol column1 first" style="width: 170px;">- class
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
class
="megacol column2 last" style="width: 240px;">- class
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
="childcontent cols2 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 425px;">
class
="megacol column1 first" style="width: 150px;">- class
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
class
="megacol column2 last" style="width: 270px;">- class
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
- class
- class
- class
- class
- class
- class
class
="childcontent cols3 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 920px;">
class
="megacol column1 first" style="width: 300px;">- class
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
class
="megacol column2" style="width: 300px;">- class
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
class
="megacol column3 last" style="width: 300px;">- class
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
class
="childcontent cols2 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 490px;">
class
="megacol column1 first" style="width: 240px;">- class
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
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">
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">
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">
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">
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
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
="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"">
class
="childcontent cols1 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 200px;">
class
="megacol column1 first" style="width: 200px;">- class
class
="childcontent cols1 ">
class
="childcontent-inner-wrap">
class
="childcontent-inner clearfix" style="width: 200px;">
class
="megacol column1 first" style="width: 200px;">- class
- class
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
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
class
="kblock kpbox">
class
="kcontainer" id="kprofilebox">
class
="kbody">
class
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
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- class
class
="kmsgbody">
class
="kmsgtext">
class
="kmsgtext-article">
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>
Giới thiệu Canvas trong HTML5 ="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;">
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
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">
="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
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
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
id
="qr-code" style="position:absolute; padding:0px; margin:0px; top:0px; right:0px;">
Bài đăng
0 nhận xét:
Đăng nhận xét