Xcode에서 SVG를 사용할 때 빠진 이야기

1558 단어 XcodeiOSSwift
소개 Xcode 12부터 SVG를 사용할 수 있습니다. 지금 하고 있는 이슈도 Android와 리소스를 공유할 수 있다는 것으로 SVG를 사용하자! 라는 이야기가 되었습니다만 왠지 아래와 같이 iOS 측만 이미지가 끊어져 버리는 것이 있었습니다. iOS 안드로이드 Android에서는 제대로 표시되어 있으므로 Xcode 설정 문제는? 라고 생각하게 빠져버렸습니다 원인원인은 SVG의 이것이었습니다 transform="translate(.5 1)". 아마 translate 에서 오른쪽으로 5 아래에 1 따라 버렸다! 2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" viewBox="0 0 28 28"> <g fill="none" fill-rule="evenodd" transform="translate(.5 1)"> <path d="M14,7 L28,14.5 14,22 14,7" fill="#34C759"/> </g> </svg> SVG 도입 XcodeXcode에서 SVG를 사용하는 경우 다음과 같이하십시오. xcassets에 이미지 추가 Resizing의 Preserve Vector Data 확인 Scales를 Single Scale로 설정 Android StudioAndroid Studioで SVG를 사용하는 경우 drawable에 Vector Asset을 추가하면됩니다.이 때 생성되는 XML은 다음과 같습니다. 안드로이드" android:width="28dp" android:height="28dp" android:viewportWidth="28" android:viewportHeight="28"> <path android:pathData="M14.5,8L28.5,15.5 14.5,23 14.5,8" android:fillColor="#34C759" android:fillType="evenOdd"/> </vector> 안드로이드에서 끊어지지 않고 표시되는 것은 transform 속성이 깎아내려 있기 때문이라고 생각합니다 끝에처음 SVG 도입이라는 것도 꽤 빠져버렸습니다 원래 SVG가 무엇인지 잘 모르고 참고 Xcode12 / SwiftUI에서 SVG 사용 Android에서 SVG를 이미지로 ImageView에 표시 (Support Library 26 편)

좋은 웹페이지 즐겨찾기