CodeW3C ການສອນຫຼັງຄືນ
  • ການສອນ HTML
  • บราวเซอร์สคริปต์
  • เซิร์ฟเวอร์สคริปต์
  • ການສອນບັນນາທິການ
  • ການສອນ XML
  • ຄູ່ມືການກໍ່ສ້າງເວັບໄຊ
  • ຄູ່ມືອະນຸມັດ

ตารางวันเรียน

JS คู่มืออ้างอิง

  • JS คู่มืออ้างอิง (ลำดับประเภท)
  • JS คู่มืออ้างอิง (ลำดับภาษาอักษร)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS 对象
  • JS 运算符
  • JS 运算符优先级
  • JS 语句
  • JS 类型化数组

Window

  • Window Object
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribute
  • HTML Event
  • HTML Event ໂອບຄອມ
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Style

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • API Web

HTML ໂອກາດ

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
    1. JavaScript:

      var c=document.getElementById("myCanvas");
      var ctx=c.getContext("2d");
      ctx.beginPath();
      ctx.moveTo(20,20);
      ctx.lineTo(20,100);
      ctx.lineTo(70,100);
      ctx.closePath();
      ctx.stroke();
      

      ທ້າທາຍຢ່າງຕົນເອງ.

      ຄໍາແນະນຳ:ບັນດາຕົວຢ່າງຫຼາຍກວ່ານັ້ນທີ່ລົງມາຢູ່ບ່ອນດ້ານບັນດາບີບ.

      ສັບສັນພາສາ

      context.closePath();

      ຕົວຢ່າງຫຼາຍກວ່ານັ້ນ

      ຕົວຢ່າງ 2

      ຕັດສິນວ່າສີແກ້ວງາຍວ່າສີຂຽວ:

      ບັນດາການສາຍຕະວັດຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນບັນດາການສະໜັບສະໜູນ HTML5 canvas tag.

      JavaScript:

      var c=document.getElementById("myCanvas");
      var ctx=c.getContext("2d");
      ctx.beginPath();
      ctx.moveTo(20,20);
      ctx.lineTo(20,100);
      ctx.lineTo(70,100);
      ctx.closePath();
      ctx.stroke();
      ctx.fillStyle="green";
      ctx.fill();
      

      ທ້າທາຍຢ່າງຕົນເອງ.

      ການສະໜັບສະໜູນບັນດາການສາຍຕະວັດ.

      ຈຳນວນທີ່ໃນຕາຕະລາງສະແດງວ່າສີ່ງທີ່ສົມບູນສະໜັບສະໜູນບັນດາການສາຍຕະວັດທີ່ສົມບູນສະໜັບສະໜູນບັນດາການສະໜັບສະໜູນ.

      Chrome Edge Firefox Safari Opera
      Chrome Edge Firefox Safari Opera
      4.0 9.0 3.6 4.0 10.1

      注释:Internet Explorer 8 以及更早的版本不支持 元素。

      Canvas 参考手册

      工具箱

      ຄູ່ມື JavaScript ແລະ HTML DOM
      JavaScript 实例
      ການທົດລອງວິດີເອັມ
      ການສອນວິດີເອັມ

      ຫົວຂໍ້ການສະໜັບສະໜູນ

      ຂອບເຂດທີ່ວັດໂວກດີສະວິກີສະມຸນສະໜອງພຽງແຕ່ຂາຍສຶກສາແລະການທົດລອງ ບໍ່ຮັບປະກັນຄວາມຖືກຕ້ອງຂອງຂອບເຂດນັ້ນ. ຄວາມສ່ຽງທີ່ເກີດຂຶ້ນຈາກການໃຊ້ຂອບເຂດນັ້ນບໍ່ກ່ຽວຂ້ອງກັບວັດໂວກດີສະວິກີສະມຸນ. ສິດທິວິທະຍາສາກົນ ສຳລັບການບັນທຶກສິດທິທັງໝົດ.

      ກ່ຽວກັບວັດໂວກດີສະວິກີສະມຸນ ການຊ່ວຍເຫຼືອວັດໂວກດີສະວິກີສະມຸນ ຂໍ້ຕົກລົງການໃຊ້ ຂໍ້ຕົກລົງຄວາມສິດທິສະພາບ ພະລັງງານໂດຍ Ce4e.com