[질문] SVG 좌우 반전 결과 파일 얻는 방법 있나?

[black73..(223.62)]

background-image에 적용해야 해서

scaleX(-1)은 못씀

그냥 정적인 이미지를 저장가능하면 좋을텐데 잉크스케이프 같은 프로그램을 사용하면 마크업이 좀 이상하게 나오드라

우선 일반 프로그램 이용해서 반전시키고 svgo를 하는게 최선일까?

- dc official App

[익명(211.250)]

그 background image가 적용되는 엘리먼트를 좌우반전 하면 안되나

[black7375(223.62)]

백그라운드 이미지에 여러개가 들어가는데 반전하면 안되서 ㅇㅅㅇ

[black7375(223.62)]

아. 생각해보니까 svg파일 자체에 transform="scale(-1,1)" 처럼 적용하면 되긴하겠다

[익명(211.250)]

https://www.sitepoint.com/css3-transform-background-image/
이것처럼
배경전용으로 before 엘리언트 두는건?

[black7375(223.62)]

깔끔한 해결책이 아니긴한뎅..

[black7375(223.62)]

before은 당연히 생각해봤었음. 근데 레이아웃 자리를 차지하고, absolute 처리도 안되는 상황. 게다가 자리 차지해서 마이너스 margin으로 보정하려고 해도 안되는 복잡스런 상황이라 이것밖에 답이 없더라구 ㅇㅅㅇ..

[익명(awesomedotnet)]

바꾸는거 많이 생각을 해 봤는데 austrailas 스타일은 포기하는게 좋을 거 같음

[익명(awesomedotnet)]

스펠링이 맞는지는 모르겠는데
https://github.com/wilfredwee/photon-australis
이거 보니까 걍 background-image 두개 사용해서 했더라

[익명(awesomedotnet)]

그리고 그 스타일 따라서 할려면 위쪽 border-radius를 많이 안 바꾸는 이상 어색하더라

[익명(awesomedotnet)]

많이 포기해야하는 거 같아서 별로인거 같음. 그리고 커밋한거 오른쪽 cover하고 왼쪽 cover하고 다름

[black7375(223.62)]

ㄴㄴ 가능. 방금 구현 완료함.

[black7375(223.62)]

꼼수를 좀 썼지

[black7375(223.62)]

이제 비 선택시 나타나는 바 모양이 새탭버튼에도 적용되도록 만들면 되는데 내일까지면 완성되겠지. 일단 만든건 푸시해놨으니 확인해보세요.

[익명(211.250)]

어케함

[black7375(223.62)]

걍 svg파일 하나 더 만들어서 transform 박았음. 그리고 포지션이나 마진 대신, background-position, translate로 조정했어. 구현이 비직관적이긴 한데 어쩔수 없네.

[익명(211.250)]

css 빡고수네 ㄷㄷ