ຕາຕະລາງວິຊາ:

HTML 图形

• HTML 图形

ການຂຽນຮູບພາບ HTML:

• Graphics
• Canvas
• Plotly.js
• Chart.js
• Google
• D3.js

ການຈັດຕັ້ງການທາງດາວນີວ:

• ຄວາມຊັນກະດີຂອງ Maps:
• ພື້ນຖານ Maps:
• ການຕັ້ງຕິດ Maps:
• ການສະຖານະການ Maps:
• ການຂັດຂວາງ Maps:
• ຮູບແບບ Maps:
• ປຶ້ມອະທິບາຍ Maps:

SVG 教程

• SVG ຄວາມຊັນກະດີ:
• SVG ທີ່ເພີ່ມໃສ່ HTML:
• SVG ການທາງຕົວຫຼອກ:
• SVG ການທາງສະໝອງ:
• SVG ການທາງຫົວຫຼອກ:
• SVG ການທາງສະໝອງ:
• SVG ການທາງຕົວຫຼອກ:
• SVG ການທາງຫົວຫຼອກ:
• SVG ການທາງ:
• SVG ຂຽນຂີປະຕູບ:
• SVG ການຂຽນສາຍ:
• SVG 滤镜
• SVG ການປ່ຽນສະຫຼາກ:
• SVG 阴影
• SVG 线性渐变
• SVG 径向渐变
• SVG 实例
• SVG 参考手册

ວິຊາການສ້າງ Canvas:

• ຄວາມຊັນກະດີຂອງ Canvas:
• ການຂຽນ Canvas:
• ການສ້າງຄຸນພາບ Canvas:
• ການສ້າງສາຍສະໝອງ Canvas:
• ການສ້າງຮູບສະຫຼາກ Canvas:
• ການສ້າງຕົວວົງກວ້າງ Canvas:
• ການສ້າງສະໝອງ Canvas:
• ການສ້າງວົງກວ້າງ Canvas:
• ການປ່ຽນສະຫຼາກ Canvas:
• ຂຽນຂີປະຕູບ Canvas:
• ຮູບພາບ Canvas:

Canvas 时钟

• ຄວາມຊັນກະດີຂອງເກມ:
• ເປັນຕົວເວລາເກມ:
• ຕົວເວລາເກມ:
• ສັນຍາວິງເກມ:
• ເວລາເປີດເກມ:

ເກມ HTML:

• ຄວາມຊັນກະດີຂອງເກມ:
• 游戏画布
• 游戏组件
• 游戏控制器
• 游戏障碍
• 游戏分数
• 游戏图像
• 游戏声音
• 游戏重力
• 游戏弹跳
• 游戏旋转
• 游戏运动

ວິຊາອາດຕະການ:

ການສະເໜີວິຊາ:

• CodeW3C.com 百宝箱

JavaScript 图形库

JavaScript 库ສຳລັບຮູບພາບຂອງອິດສະຫຼະກຳນິວເຄິຍແລະອີກຈຳນວນຮູບພາບອື່ນໆ:

• Plotly.js
• Chart.js
• Google Chart

ການຈັດຕັ້ງການທາງດາວນີວ:

ຜ່ານການໃຊ້:ການຈັດຕັ້ງການທາງດາວນີວ:،ພວກເຮົາສາມາດເອົາພາສີທີ່ຕິດຕັ້ງໃນ HTML.

SVG

ສະມາຊິກ HTML <svg>:ສາມາດສ້າງຮູບພາບຕາມວິທະຍາສາດຫົວໂຈງໃນ HTML:

HTML Canvas

ສາມາດ HTML <canvas> ສະມາຊິກ:ສາມາດນຳໃຊ້ເພື່ອຂຽນຮູບພາບໃນເວັບໄຊ:

ດັ່ງກ່າວໃນຕາມການສ້າງ <canvas>:

它显示四个元素：红色矩形、渐变矩形、多色矩形和多色文本。

工具箱

Canvas API

赞助商链接