9a09678dee
All checks were successful
ci / build (push) Successful in 29s
앞선 커밋에서 "backdrop-filter 체인에서 displacement 가 안 먹는다" 고 적고 데모를 뺐다. 틀렸다. svg-filters.md 에 이미 적혀 있던 두 규칙을 안 지킨 것이다. - 변위 지도는 노이즈가 아니다. feTurbulence 로 만들면 값이 중립(128)으로 수렴해 scale 을 아무리 키워도 곱해지는 값이 0 이다. - feImage 의 크기는 요소 크기와 같아야 한다. 자동으로 안 맞춰준다. 가장자리에서 안쪽으로 미는 그라디언트를 직접 그렸다. linearGradient 한 장으로는 R 과 G 를 따로 못 만들므로 지도를 두 장 놓고 displacement 를 두 번 건다. 쓰지 않는 축에는 128 고정인 B 채널을 물려 이동량을 0 으로 만든다. 실측: 평균 채널차 1.66(난류 지도) → 9.29(그린 지도), 최대 126. 배경에 격자를 깔아 확인했다 — 패널 가장자리에서 격자 셀이 눌린다. svg-filters.md 에 지도 두 장 기법과 확인 방법을 기록했다. |
||
|---|---|---|
| .. | ||
| presets | ||
| antipatterns.md | ||
| experimental-canvas.md | ||
| galleries.md | ||
| layout.md | ||
| motion.md | ||
| preflight.md | ||
| reference-method.md | ||
| svg-filters.md | ||
| three.md | ||
| tokens.md | ||
| typography.md | ||