-
1:ID:rDhnzw · 2022-01-28

SVGのclipPathについて

SVGのclipPathで画像を切り抜いたのですが、
そのパスの中身の画像を動かすというのは可能でしょうか？
要は画像の座標位置を変えたくbackground-positionを指定したいという感じです。

どうしてもパス自体が動いてしまうのですが、無理なんですかね？

いいね! 2 あとで

2 件の回答

時系列表示 — 階層表示
2:ID:OB8NMG · 2022-01-28

MDNにサンプルが。ハート型の clipPath の中で赤い円が大きくなっていく、というアニメ。半径の変更ができるんだから、座標（cx, cy）ぐらい動かせるだろう。
https://developer.mozilla.org/ja/docs/Web/SVG/Element/clipPath

いいね!
3:ID:主 · 2022-01-28

Re:2
 ありがとうございます
ちょっとよく見てます

いいね!
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る