filter - CSS 滤镜效果

通过 filter 属性可以为图形应用 CSS 标准滤镜。支持字符串格式、对象格式， 也支持 jmFilter 实例。可用滤镜: blur, grayscale, sepia, brightness, contrast, saturate, hue-rotate, invert, opacity。

用法

// 字符串格式（单个滤镜）
style: { fill: '#e94560', filter: 'blur(3px)' }

// 字符串格式（多个滤镜）
style: { fill: '#00d4ff', filter: 'blur(1px) brightness(1.2) saturate(1.5)' }

// 对象格式
style: { fill: '#00ff88', filter: { blur: 2, grayscale: 0.5 } }

// 使用 jmFilter 类
import { jmFilter } from 'jmgraph';
const f = new jmFilter({ blur: 3, brightness: 1.3 });
style: { fill: '#ffd93d', filter: f }