Skia实现外阴影、内阴影、高斯模糊、背景模糊效果
发布网友
发布时间：2022-12-28 23:34
共1个回答
热心网友
时间：2023-10-24 16:52
外阴影Path：根据图形Path偏移量offsetX，offsetY获得；
描边外阴影，图片的透明没有阴影；
外阴影Paint : 高斯模糊值sigmaX，sigmaY， 填充颜色值
sigmaX,sigmaY，前端过来数据以后有2倍关系；？
透明度为0，外阴影没有；
link : https : //fiddle.skia.org/c/c64f77aa06a1634ef2f6833248e5bf86
2.内阴影
内阴影Path：根据图形Path偏移量offsetX，offsetY获得一个偏移Path2，然后Path与Path2做kDifference_Op运算，求得内阴影innerShadowPath；
内阴影Paint : 高斯模糊值sigmaX，sigmaY， 填充颜色值；
link : https : //fiddle.skia.org/c/17b7d8076d7ef84c0f1a0fa494259388
3.高斯模糊
高斯模糊SkPicture：录制当前图层的Picture；
高斯模糊Paint : 高斯模糊值sigmaX，sigmaY；
link : https : //fiddle.skia.org/c/a62c64dc9afedeb0f5cf13bdebf68fdf
4.背景模糊
依赖参数
图层的穿透混合模式
背景模糊SkPicture：录制当前图层的Picture；
背景模糊Paint: 高斯模糊值gaussianSigma；
背景模糊的透明度：Alpha；
link: https://fiddle.skia.org/c/68d1cf656fc6473146e7cb5d80426365
