麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > HTML5 > 正文

使用HTML5 Canvas API控制字體的顯示與渲染的方法

2024-09-05 07:21:31
字體:
來源:轉載
供稿:網友

API簡介
今天我們開始征戰一個全新的內容——HTML5 Canvas的文本API!要知道,藝術家通常同時也是一個書法家,所以我們要學習寫字,而且是寫出漂亮的字。是不是很有意思?

好了,先預告一下Canvas 文本API有哪些。

屬性 描述
font 設置或返回文本內容的當前字體屬性
textAlign 設置或返回文本內容的當前對其方式
textBaseline 設置或返回在繪制文本時使用的當前文本基線

方法 描述
fillText() 在畫布上繪制“被填充的”文本
strokeText() 在畫布上繪制文本(無填充)
measureText() 返回包含指定文本寬度的對象

看了上面的表格,相信童鞋們以及有了大概的認識。這里,我們先說文本的顯示與渲染,用到了font,fillText()與strokeText()。

基本文本顯示
在Canvas上使用文本,必須得先知道:Canvas上的文本不能使用CSS樣式,雖然font屬性與CSS的屬性相似,但是卻不能夠交換使用。

顯示文本三步走戰略:

1.使用font設置字體。
2.使用fillStyle設置字體顏色。
3.使用fillText()方法顯示字體。
這里的font屬性可以不指定,如果沒有指定字體,則默認自動使用 10px 無襯線體。

下面的代碼簡單顯示了一段文本

JavaScript Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 99精品视频一区二区 | 成人资源在线观看 | 久久综合给合久久狠狠狠97色69 | 天天干天天碰 | 久草在线最新 | 欧美精品一区自拍a毛片在线视频 | 性爱视频在线免费 | 久草在线网址 | 久久精品国产一区二区电影 | 欧美在线观看视频一区 | 中文字幕网在线 | 蜜桃视频网站在线观看 | 免费小毛片 | 欧美国产日韩在线 | 欧美18xxxx| 久草在线资源福利站 | 国产日韩精品欧美一区视频 | 国产亚洲精品久久午夜玫瑰园 | 免费a视频在线观看 | 羞羞的视频在线免费观看 | 精品久久久av | 国产无遮挡一区二区三区毛片日本 | 免费毛片电影 | 粉嫩蜜桃麻豆免费大片 | 色淫视频 | 国产乱淫av片免费 | 圆产精品久久久久久久久久久 | 国产成人在线免费观看视频 | 久久精品综合视频 | 久草在线网址 | 黄色av网站在线观看 | 在线看免电影网站 | 国产美女视频黄a视频免费 日韩黄色在线播放 | 欧美精品v国产精品v日韩精品 | 成人性生活视频在线播放 | 2021免费日韩视频网 | 国产伊人色 | 99亚洲伊人久久精品影院红桃 | 成人羞羞国产免费游戏 | 伊人yinren22综合网色 | 美国一级黄色毛片 |