html5使用canvas繪制文字特效
發(fā)布時間:2014-12-15 16:48:59 作者:佚名
我要評論

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