Canvas裝載文字兩種格式

2021-06-25 12:53:35 字數 1458 閱讀 8110

context物件可以設定以下 text 屬性:

font:文字字型,同 cssfont-family 屬性

textalign:文字水平對齊方式。可取屬性值: start, end, left,right, center。預設值:start.

textbaseline:文字豎直對齊方式。可取屬性值:top, hanging, middle,alphabetic, ideographic, bottom。預設值:alphabetic

有兩個方法可以繪製文字: filltext和 stroketext。第乙個繪製帶 fillstyle 填充的文字,後者繪製只有 strokestyle 邊框的文字。兩者的引數相同:要繪製的文字和文字的位置(x,y) 座標。還有乙個可選選項——最大寬度。如果需要的話,瀏覽器會縮減文字以讓它適應指定寬度。文字對齊屬性影響文字與設定的(x,y) 座標的相對位置。

下面是乙個在 canvas 中繪製」hello world」 文字的例子

• context.fillstyle    = 『#00f』;  

• context.font         = 『italic 30px sans-serif』;  

• context.textbaseline = 『top』;  

• context.filltext  (『hello world!』, 0, 0);  

• context.font         = 『bold 30px sans-serif』;  

• context.stroketext(『hello world!』, 0, 50);

陰影 目前只有 konqueror 和 firefox 3.1 nightly build 支援 shadows api 。api 的屬性為

shadowcolor:陰影顏色。其值和 css 顏色值一致。

shadowblur:設定陰影模糊程度。此值越大,陰影越模糊。其效果和 photoshop 的高斯模糊濾鏡相同。

shadowoffsetx 和 shadowoffsety:陰影的 x 和 y 偏移量,單位是畫素。

下面是

canvas 陰影的例子:

• context.shadowoffsetx = 5;  

• context.shadowoffsety = 5;  

• context.shadowblur    = 4;  

• context.shadowcolor   = 『rgba(255, 0, 0, 0.5)』;  

• context.fillstyle     = 『#00f』;  

• context.fillrect(20, 20, 150, 100); 

Canvas抗鋸齒方法兩種

在android中,目前,我知道有兩種出現鋸齒的情況。當我們用canvas繪製點陣圖的時候,如果對位圖進行了選擇,則位圖會出現鋸齒。在用view的rotateanimation做動畫時候,如果view當中包含有大量的圖形,也會出現鋸齒。我們分別以這兩種情況加以考慮。用canvas繪製位的的情況。在用...

PHP兩種include載入檔案方式效率比較

繼續完善 x計畫 的核心部分,核心嘛,就要載入必須的檔案,嘗試了兩種方法,發現效率是不同的,分享一下吧 先來說說兩種方式 1 定義乙個字串變數,裡面儲存要載入的檔案列表。然後foreach載入。a a.class.php util b.class.php util c.class.php b d.p...

php兩種include載入檔案方式效率比較如下

1 定義乙個字串變數,裡面儲存要載入的檔案列表。然後foreach載入。a a.class.php util b.class.php util c.class.php b d.php e.class.php f.class.php g.class.php 載入基本系統檔案 kernel requir...