Parmanoir

Oval radial gradients

Radial gradients are filled by moving a circle along a line, while changing its color. They look nice but a bit too 'circly' for my tastes, and I couldn't figure out how to squash them. Turns out it's really simple !, as the points you use to define them obey the same rules as any other primitive : they're transformed by the view matrix. Use CGContextScaleCTM(context, 1, someSquashValue) then draw as usual with CGContextDrawRadialGradient.

Image:Radial gradients.png

This will squash your gradient's circle and its height, so you'll need to compensate CGContextDrawRadialGradient's startCenter and endCenter. Once there, you can draw a really nice radial background.

Sample code on Radial Gradients as Backgrounds.

Pascal
2008 10 29

Thank you, exactly what I was looking, for, too. :-)


Follow me on Twitter
Planet Cocoa
Cocoa.fr

2010 02 272Core Image black fringes
2010 02 21Quickest Way to Shell
2010 02 08Who's calling ?
2009 09 2128 ways to use Blocks in Snow Leopard
2009 08 182Bracket Mess
2009 08 121Taming JavascriptCore within and without WebView
2009 04 15Debugging with Activity Monitor
2009 03 25How Core Image Color Tracking works
2009 03 158Custom NSThemeFrame
2009 03 10Which framework is running ?
2009 03 074CoreUI can paint pretty big
2009 02 18Localization with functions
2009 01 30Did you forget to nest alloc and init?
2009 01 16JSCocoa on the iPhone
2009 01 11Mixing WebView and JavascriptCore
2009 01 09Badge overflow
2009 01 09Find your Garbage Collection leaks with Instruments
2008 12 19384 percent dynamic
2008 12 151Class pairs and super
2008 12 113Redirecting NSLog to a file

Powered by MediaWiki