新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
html5如何使用canvas繪制文字特效-創(chuàng)新互聯(lián)
這篇文章主要介紹了html5如何使用canvas繪制文字特效,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
代碼如下:
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);
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“html5如何使用canvas繪制文字特效”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
網(wǎng)頁(yè)標(biāo)題:html5如何使用canvas繪制文字特效-創(chuàng)新互聯(lián)
本文路徑:http://fisionsoft.com.cn/article/docphg.html