2016-07-20 3 views
-1

나는 SVG 코드에 대해 아주 익숙하다. 그래서 나는 간단한 질문을 가지고있다. .이 SVG를 편집하는 방법?

Here

하지만 내가 원하는 : 내 페이지에서 내가 어떤 스타일 물론이 SVG 코드를 (사용해야하지만 지금은 중요하지 이잖아

<svg viewBox="0 0 40 100" preserveAspectRatio="none"> 
     <polygon points="0,0 40,0 40,100 0,60" /> 
    </svg> 

를 지금은 다음과 같습니다 :.

이 지금은 더 이상 오른쪽이지만, 내가 더 왼쪽을 원하는 나는 늘 그것을 해결하기 어려운 생각하지만, 난 정말 몰라

.

감사합니다.

+1

기술적 인면에 신경 쓰지 않는다면 CSS :'transform : rotateX (180deg)'를 사용하십시오. [CSS 변형에 관한 추가 정보] (http://www.w3schools.com/cssref/css3_pr_transform.asp) – TricksfortheWeb

+0

rotateY가 나를 위해 일했습니다. 정말 고마워요! – shitwithcode

+0

아, 예, 회전을 의미합니다. 죄송합니다. – TricksfortheWeb

답변

0

단순히 마지막 2 데이터 포인트의 y 좌표를 전환하십시오.

<svg viewBox="0 0 40 100" preserveAspectRatio="none"> 
     <polygon points="0,0 40,0 40,60 0,100" /> 
</svg> 
관련 문제