paint-order · opacity · filters

paint-order로 fill/stroke 겹침 순서를 바꾸고, layer opacity·feTurbulence stub으로 스펙 폭을 넓힙니다.

데모에서 볼 것

• 둥근 rect — 두꺼운 stroke + fill
• paint-order: fill stroke markers | stroke fill markers
• stroke-first일 때 filter off — 겹침 차이 확인
• readout: paint-order, opacity, fill-opacity

import {
  paintOrderAttributes,
  layerOpacityAttributes,
  buildTurbulenceFilterMarkup
} from "svg-matrix-core";

paintOrderAttributes("stroke fill markers");
layerOpacityAttributes({ opacity: 0.9, fillOpacity: 0.85 });
buildTurbulenceFilterMarkup("warp", 0.04);

paint-order

Core API

관련

• 031 · 055 pathPaintModel

오늘의 핵심

같은 도형도 paint-order에 따라 시각이 달라집니다 — 두꺼운 stroke 아이콘에서 중요합니다.