html5的七巧板特效
var c=document.getElementById("mycanvas");
var ctx= c.getContext("2d");
// 第一個三角形
// 開始繪製
ctx.beginPath();
// 繪製的基點
ctx.moveTo(0,0);
// 繪製從前一點到這點的直線
ctx.lineTo(300,300);
ctx.lineTo(0,600);
ctx.closePath();//填滿或閉合 需要先閉合路徑才能畫
// 空心三角形
// ctx.strokeStyle="#FF7900";
// ctx.stroke();
// 實心三角形
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,300);
ctx.lineTo(0,600);
ctx.closePath();//填滿或閉合 需要先閉合路徑才能畫
// 進行繪圖處理
ctx.fillStyle = 'rgba(200,0,0,0.5)';
ctx.fill();
html5 canvas繪製七巧板特效是一款色彩鮮豔的網頁七巧板程式碼。
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性！本站所有資源僅供學習參考。請不要將它們用於商業目的。否則，一切後果都由您負責！如有侵權，請聯絡我們刪除。聯絡方式：admin@php.cn
相關文章
支援行動端的HTML5 Canvas逼真黑板特效
19 Jan 2017
這是一款使用HTML5 Canvas製作的黑板特效，該黑板特效支援手機行動端，它能模擬使用粉筆在黑板上寫字的效果。此黑板特效的特點還有：
16 May 2016
這是一個款絢麗的HTML5 Canvas動畫，它將模擬的是我們生活中煙火綻放的動畫特效，效果非常逼真，下面我們來簡單分析一下實現這款HTML5煙火特效的過程及代碼，感興趣的小伙伴們可以參考一下
HTML5 Canvas實現煙火綻放的特效
03 Jul 2018
這是一個款絢麗的HTML5 Canvas動畫，它將模擬的是我們生活中煙火綻放的動畫特效，效果非常逼真，下面我們來簡單分析一下實現這款HTML5煙火特效的過程及代碼，感興趣的小伙伴們可以參考一下
16 May 2016
這篇文章主要介紹了很酷的HTML5電子書翻頁動畫特效，這款HTML5翻頁動畫可以用滑鼠拖曳頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁，感興趣的小夥伴可以參考一下
16 May 2016
這篇文章主要為大家分享了一款HTML5 3D衣服搖擺動畫特效，一款基於HTML5 Canvas的3D動畫傑作，有興趣的小伙伴們可以參考一下
16 May 2016
這篇文章主要為大家詳細介紹了HTML5 canvas實現雪花飄落特效，效果實現引人入勝，很逼真的動畫效果，有興趣的夥伴們可以參考一下
Hot tools Tags
Hot Tools
HTML5 Canvas愛心飄動動畫特效
HTML5 Canvas愛心飄動動畫特效是一款直接用瀏覽器開啟可以看到一顆心的生成動畫。
H5熊貓彈跳小遊戲原始碼
html5手機熊貓也瘋狂小遊戲原始碼。遊戲說明：長按螢幕調整熊貓彈簧的強度，跳到石柱上。掉到河裡遊戲結束。
html5情人節盒子動畫特效
基於svg繪製情人節一個個愛心盒子禮物打開動畫，愛心盒子動畫特效。
H5 3D滾球遊戲原始碼
html5酷炫3D彩球滾動手機遊戲代碼下載。遊戲介紹：一個彩色圓球滾動，透過滑鼠或手機觸控螢幕拖曳來控制彩球的運行當前線路軌跡。這是一款簡單易操作的手機小遊戲原始碼。