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ù)，向右移動(dòng)陰影；值為負(fù)數(shù)，向左移動(dòng)陰影
shddowOfTsetY	像素值	值為正數(shù)，向下移動(dòng)陰影；值為負(fù)數(shù)，向上移動(dòng)陰影
shadowBlur	高斯模糊值	值越大，陰影邊緣越模糊

當(dāng)shadowColor或者其他任意一項(xiàng)屬性的值被賦力非默認(rèn)值時(shí)，路徑、文本和圖片上的陰影效果就會(huì)被觸發(fā)。

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

相關(guān)視頻回答

回復(fù)(0)

點(diǎn)擊加載更多評(píng)論>>

HTML5 canvas文本應(yīng)用 應(yīng)用陰影

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

最近更新

HTML5 canvas文本應(yīng)用應(yīng)用陰影