html5使用canvas繪制文字特效
發(fā)布時(shí)間：2014-12-15 16:48:59 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了html5使用canvas繪制文字特效,需要的朋友可以參考下
<canvas id="canvas" width="500" height="400" style="background-color: yellow;"></canvas>
復(fù)制代碼
代碼如下:var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
cxt.font="40px 黑體";
//繪制實(shí)心字
cxt.fillStyle="red";//填充紅色
cxt.fillText("hello,思思博士",10,50);
//繪制空心字
cxt.strokeStyle="red";//紅色邊
cxt.strokeText("hello,思思博士",10,100);
相關(guān)文章
Canvas袖珍參考手冊(cè) (第1版) pdf英文文字版
Canvas 袖珍參考提供了一個(gè)教程，涵蓋了大量的實(shí)例元素的所有功能，并明確提到的畫(huà)布，每一個(gè)相關(guān)的類(lèi)，方法和屬性。2011-06-18
HTML5 Canvas實(shí)現(xiàn)3D旋轉(zhuǎn)物體動(dòng)畫(huà)及模糊發(fā)光特效源碼
這是一款HTML5實(shí)現(xiàn)的3D動(dòng)畫(huà)是旋轉(zhuǎn)物體特效源碼，并且利用CSS3的特性，物體會(huì)發(fā)出模糊的發(fā)光的動(dòng)畫(huà)特效，附帶旋轉(zhuǎn)效果，整體特效看起來(lái)炫酷十足。2014-06-23
HTML5 Canvas實(shí)現(xiàn)的超炫粒子效果文字動(dòng)畫(huà)特效源碼
這是一款基于HTML5 Canvas實(shí)現(xiàn)的文字特效源碼，在頁(yè)面下方的輸入框中輸入想要展示的文字，回車(chē)后即可在canvas上繪制出粒子效果的文字動(dòng)畫(huà)2014-07-08
HTML5/CSS3懸浮按鈕Canvas彩球飛舞效果特效源碼
這次要分享一個(gè)非常具有動(dòng)畫(huà)色彩的CSS3按鈕，按鈕的外觀(guān)比較一般，但它有兩個(gè)特別的地方：一、按鈕懸浮，整個(gè)按鈕看上去像是懸浮在半空中一樣，很立體；二、點(diǎn)擊按鈕時(shí)利用2014-11-07
HTML5基于Canvas實(shí)現(xiàn)的發(fā)光折線(xiàn)圖表特效源碼
今天我們要分享一款基于HTML5 Canvas的折線(xiàn)圖表應(yīng)用，其實(shí)我們僅僅是在canvas上面繪制了一條發(fā)光的折線(xiàn)，當(dāng)然圖表的x、y坐標(biāo)你可以自己繪制上去2014-11-17
html5基于canvas實(shí)現(xiàn)的漫天飛雪動(dòng)畫(huà)特效源碼
html5基于canvas實(shí)現(xiàn)的漫天飛雪動(dòng)畫(huà)特效源碼，加載速度更快，內(nèi)存占用更低，使用更加簡(jiǎn)便。并且不支持低版本瀏覽器2014-11-24
