js+html5實現(xiàn)canvas繪制鏤空字體文本的方法

更新時間：2015年06月05日 12:25:32 作者：不吃皮蛋

這篇文章主要介紹了js+html5實現(xiàn)canvas繪制鏤空字體文本的方法,涉及html5文字效果的相關技巧,需要的朋友可以參考下

本文實例講述了js+html5實現(xiàn)canvas繪制鏤空字體文本的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.strokeText("Hello World",10,50);
</script>
</body>
</html>

希望本文所述對大家的web程序設計有所幫助。

您可能感興趣的文章:

js實現(xiàn)數(shù)組內數(shù)據(jù)的上移和下移的實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)數(shù)組內數(shù)據(jù)的上移和下移的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
頁面裝載js及性能分析方法介紹
這篇文章主要介紹了頁面裝載js及性能分析方法,需要的朋友可以參考下
2014-03-03
使用JavaScript為Kindeditor自定義按鈕增加Audio標簽
這篇文章主要介紹了使用JavaScript為Kindeditor自定義按鈕增加Audio標簽的方法,KindEditor是一套開源的HTML可視化編輯器,需要的朋友可以參考下
2016-03-03
Chrome插件(擴展)開發(fā)全攻略(完整demo)
Chrome插件是一個用Web技術開發(fā)、用來增強瀏覽器功能的軟件，它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx后綴的壓縮包，本文給大家分享一個Chrome插件(擴展)開發(fā)全攻略完整demo，感興趣的朋友跟隨小編一起學習下吧
2021-05-05
javascript設置和獲取cookie的方法實例詳解
這篇文章主要介紹了javascript設置和獲取cookie的方法,結合實例形式較為詳細的分析總結了JavaScript操作cookie簡單實現(xiàn)數(shù)據(jù)存儲與讀取的相關技巧,需要的朋友可以參考下
2016-01-01
一個剛完成的layout（拖動流暢，不受iframe影響）
一個剛完成的layout（拖動流暢，不受iframe影響）...
2007-08-08
在html頁面上拖放移動標簽
在html頁面上拖放移動標簽，需要的朋友可以參考下。
2010-01-01
javascript制作網(wǎng)頁圖片上實現(xiàn)下雨效果
這里給大家分享的是一則使用javascript實現(xiàn)在網(wǎng)頁圖片上下雨的特效，效果非常炫酷，推薦給小伙伴們。
2015-02-02
js字符串截取指定字符前面/后面的字符串代碼
在頁面數(shù)據(jù)處理的過程中都會不可避免的使用字符串的截取操作,下面這篇文章主要給大家介紹了關于js字符串截取指定字符前面/后面的字符串,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-06-06
Bootstrap基本組件學習筆記之進度條(15)
這篇文章主要為大家詳細介紹了Bootstrap基本組件學習筆記之進度條,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12