位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 canvas文本應用 應用陰影

提問人:劉團圓發(fā)布時間:2020-11-14

    使用內置的canvas Shadow API為文本添加模糊陰影的效果。雖然能夠通過HTML5 canvas API將陰影效果應用于之前執(zhí)行的任何操作中,但與很多圖形效果的應用類似,陰影效果的使用也要把握好度??梢酝ㄟ^幾種全局context屬性來控制陰影,如表所示。

厲性

備注

shddowColor

任何css中的顏色值

可以使用透明度dlphd )

ShadowOfFsetX

像素值

值為正數,向右移動陰影;

值為負數,向左移動陰影

shddowOfTsetY

像素值

值為正數,向下移動陰影;

值為負數,向上移動陰影

shadowBlur

高斯模糊值

值越大,陰影邊緣越模糊

當shadowColor或者其他任意一項屬性的值被賦力非默認值時,路徑、文本和圖片上的陰影效果就會被觸發(fā)。

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部