HTML5 canvas文本應(yīng)用 應(yīng)用陰影
提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-14
使用內(nèi)置的canvas Shadow API為文本添加模糊陰影的效果。雖然能夠通過HTML5 canvas API將陰影效果應(yīng)用于之前執(zhí)行的任何操作中,但與很多圖形效果的應(yīng)用類似,陰影效果的使用也要把握好度??梢酝ㄟ^幾種全局context屬性來控制陰影,如表所示。
厲性 | 值 | 備注 |
shddowColor | 任何css中的顏色值 | 可以使用透明度(dlphd ) |
ShadowOfFsetX | 像素值 | 值為正數(shù),向右移動陰影; 值為負(fù)數(shù),向左移動陰影 |
shddowOfTsetY | 像素值 | 值為正數(shù),向下移動陰影; 值為負(fù)數(shù),向上移動陰影 |
shadowBlur | 高斯模糊值 | 值越大,陰影邊緣越模糊 |
當(dāng)shadowColor或者其他任意一項(xiàng)屬性的值被賦力非默認(rèn)值時(shí),路徑、文本和圖片上的陰影效果就會被觸發(fā)。
繼續(xù)查找其他問題的答案?
相關(guān)視頻回答
點(diǎn)擊加載更多評論>>