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