找回密碼
 立即註冊
查看: 3512|回復: 1

HTML5 : canvas

[複製鏈接]

920

主題

629

回帖

3萬

積分

管理員

論壇管理員

積分
38024

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

發表於 2017-2-18 16:44:43 | 顯示全部樓層 |閱讀模式
  1. <canvas id="myCanvas" width="300" height="300" style="border:1px solid #00F;"></canvas>

  2. <script type="text/javascript">
  3. var myCanvas = document.getElementById("myCanvas").getContext("2d");
  4. myCanvas.fillStyle = "#F00";
  5. myCanvas.fillRect(90, 20, 130, 130);
  6. </script>
複製代碼
畫一個長方形
[發帖際遇]: admin 發帖時在路邊撿到 4 金錢,偷偷放進了口袋. 幸運榜 / 衰神榜

920

主題

629

回帖

3萬

積分

管理員

論壇管理員

積分
38024

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

 樓主| 發表於 2017-2-18 21:58:13 | 顯示全部樓層
置入一張圖片
  1. <canvas id="myCanvas" width="640" height="640" style="border:1px solid #000000;"></canvas>

  2. <script type="text/javascript">
  3. var myCanvas = document.getElementById("myCanvas");
  4. var myCVS = myCanvas.getContext("2d");

  5. var Pic = new Image();
  6. Pic.src = "images/tao-redd.jpg";

  7. Pic.onload = function () {
  8. myCVS.drawImage(Pic, 0, 0, 640, 640);
  9. }
  10. </script>
複製代碼


[發帖際遇]: admin 發帖時在路邊撿到 5 金錢,偷偷放進了口袋. 幸運榜 / 衰神榜
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|DD論壇 維護: Redd Design

GMT+8, 2024-5-29 04:46 , Processed in 0.032368 second(s), 34 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回復 返回頂部 返回列表