{"id":395,"date":"2009-11-13T10:49:45","date_gmt":"2009-11-13T08:49:45","guid":{"rendered":"http:\/\/mariusbancila.ro\/blog\/?p=395"},"modified":"2011-05-20T15:28:07","modified_gmt":"2011-05-20T13:28:07","slug":"using-colormatrix-for-creating-negative-image","status":"publish","type":"post","link":"https:\/\/mariusbancila.ro\/blog\/2009\/11\/13\/using-colormatrix-for-creating-negative-image\/","title":{"rendered":"Using ColorMatrix for Creating Negative Image"},"content":{"rendered":"

.NET provides two classes for image transformations: Matrix, used for geometric transformations, and ColorMatrix, used for color transformations. <\/p>\n

One of such color transformations is inverting or negating. This means subtracting each color component from 255. Black (0,0,0) becomes White (255, 255, 255), and Green (0, 255, 0) becomes Magenta (255, 0, 255). <\/p>\n

You can find many examples on the web that look like this:<\/p>\n

\r\npublic Bitmap Transform(Bitmap source)\r\n{\r\n    \/\/create a blank bitmap the same size as original\r\n    Bitmap newBitmap = new Bitmap(source.Width, source.Height);\r\n\r\n    \/\/get a graphics object from the new image\r\n    Graphics g = Graphics.FromImage(newBitmap);\r\n\r\n    \/\/ create the negative color matrix\r\n    ColorMatrix colorMatrix = new ColorMatrix();\r\n    colorMatrix.Matrix00 = colorMatrix.Matrix11 = colorMatrix.Matrix22 = -1f;\r\n    colorMatrix.Matrix33 = colorMatrix.Matrix44 = 1f;\r\n\r\n    \/\/ create some image attributes\r\n    ImageAttributes attributes = new ImageAttributes();\r\n\r\n    attributes.SetColorMatrix(colorMatrix);\r\n\r\n    g.DrawImage(source, new Rectangle(0, 0, source.Width, source.Height),\r\n                0, 0, source.Width, source.Height, GraphicsUnit.Pixel, attributes);\r\n\r\n    \/\/dispose the Graphics object\r\n    g.Dispose();\r\n\r\n    return newBitmap;\r\n}\r\n<\/pre>\n
Using this code one can get a negative image.
\n
\"Original
Original image<\/figcaption><\/figure><\/p>\n
\"Negative
Negative image<\/figcaption><\/figure>\n
This runs fine on Windows XP. But when I ran it on Windows 7, I was getting only a black image. All the pixels were ARGB(255, 0, 0, 0). This was how it looked:<\/p>\n
\"Incorrectly
Incorrectly transformed image<\/figcaption><\/figure>\n
I was surprised to learn that it worked on Windows XP, but not on Windows 7. I don’t have Windows Vista to test but I guess it’s the same as with Windows 7. I thought it must be something in the GDI+ library, because building with .NET 3.5 SP1 or 4.0 Beta 2 didn’t change a thing.<\/p>\n
After trying different things, I figured out what the problem was: the color matrix was incorrect. It must be defined like this:<\/p>\n
\r\nColorMatrix colorMatrix = new ColorMatrix(\r\n   new float[][]\r\n   {\r\n      new float[] {-1, 0, 0, 0, 0},\r\n      new float[] {0, -1, 0, 0, 0},\r\n      new float[] {0, 0, -1, 0, 0},\r\n      new float[] {0, 0, 0, 1, 0},\r\n      new float[] {1, 1, 1, 0, 1}\r\n   });\r\n<\/pre>\n
With this change the Transform function produces a correct negative image, regardless the operating system or the .NET framework version. <\/p>\n
However, what I don’t know yet, is why it worked on Windows XP. The only conclusion I can draw is that the GDI+ implementation has a fault there, that was later corrected. That’s why an incorrect color matrix produced a correct transformation on Windows XP.<\/p>\n","protected":false},"excerpt":{"rendered":"
.NET provides two classes for image transformations: Matrix, used for geometric transformations, and ColorMatrix, used for color transformations. One of such color transformations is inverting or negating. This means subtracting each color component from 255. Black (0,0,0) becomes White (255, 255, 255), and Green (0, 255, 0) becomes Magenta (255, 0, 255). You can find … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[13,11],"tags":[451,174,173,172,175],"class_list":["post-395","post","type-post","status-publish","format-standard","hentry","category-net","category-csharp","tag-c","tag-colormatrix","tag-image","tag-negative","tag-transformation"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t