Post

Replies

Boosts

Views

Created

Xcode and iOS render SVG gradient upside down
In Xcode 12.4 and on iOS 14.4 (using UIKit), I am using an SVG graphic from the asset catalog as a UIButton image. The gradient on the graphic renders upside-down, fading from light at the bottom to dark at the top. In Safari, Chrome, and Photoshop, the SVG gradient renders upside-right, fading from light at the top to dark at the bottom. In the asset catalog, the asset is set to Render As: Default, Compression: Inherited (Automatic), Preserve Vector Data is unchecked, Devices is set to Universal only. The gradient code from the SVG is: linearGradient id="linear-gradient" x1="37.26" y1="75.97" x2="37.26" y2="2.49" gradientTransform="matrix(1, 0, 0, -1, 0, 76)" gradientUnits="userSpaceOnUse"stop offset="0" stop-color="#7c7c7c"/stop offset="1" stop-color="#646464"//linearGradient Any thoughts?
4
0
2.6k
Feb ’21