學習筆記 文字顯示控制

2021-07-11 14:34:26 字數 637 閱讀 8085

can=document.getelementbyid("canvas");

ctx=can.getcontext('2d');

//直接顯示文字,沒有任何特效

ctx.fillstyle="white";//字型填充顏色

ctx.font="20px verdana";//定義字型大小及樣式

ctx.textalign="center";//left,center,right    預設為left  設定文字是左對齊、居中還是右對齊

ctx.filltext("score: "+this.score,w*0.5,h-20);//引數說明:顯示的文字,在畫布上的橫座標,縱座標

//需要文字有透明度上的變化

var alpha=0;

this.alpha+=deltatime*0.0005;//deltatime是兩幀之間的時間間隔

if(this.alpha>1)

this.alpha=1;

ctx.fillstyle=「rgba(255,255,255」+this.alpha+")";

//使文字具有陰影效果

ctx.shadowblur=10;  //設定陰影

ctx.shadowcolor="white";//陰影的顏色

文字顯示行數控制

overflow hidden 溢位隱藏 text overflow ellipsis 超出顯示省略號 white space nowrap 強制文字在一行內顯示 overflow hidden text overflow ellipsis 超出顯示 display webkit box 將元素作為...

CSS學習筆記 文字換行顯示(word wrap)

在css3中新定義了文字換行屬性,word wrap 換行技術比較分析 ie定義了多個換行處理屬性 line break word break word wrap,另外css1定義了white space,css3增加了word wrap。在ie瀏覽器下,使用word wrap bireak wor...

linux終端文字顏色顯示控制

終端的字元顏色是用轉義序列控制的,是文字模式下的系統顯示功能,和具體的語言無關。轉義序列是以 esc 開頭,可以用 033 完成相同的工作 esc 的 ascii 碼用十進位制表示就是 27,用八進位制表示的 33 033 顯示方式 前景色 背景色m 顯示方式 0 預設值 1 高亮 22 非粗體 4...