ASP.Net - Image To CSS

This simple code snippet takes an image and converts it into a CSS image by converting each pixel to an HTML span element.
  1. using System;   
  2. using System.Collections.Generic;   
  3. using System.Drawing;   
  4. using System.Web;   
  5. using System.Web.UI;   
  6.   
  7. namespace ImageToCSS   
  8. {   
  9.     public partial class _Default : System.Web.UI.Page   
  10.     {   
  11.         protected void Page_Load(object sender, EventArgs e)   
  12.         {   
  13.             Bitmap img = (Bitmap)Image.FromFile(Server.MapPath("Penguins.jpg"));   
  14.   
  15.             int width = img.Width;   
  16.             int height = img.Height;   
  17.   
  18.             for (int y = 0; y < height; y++)   
  19.             {   
  20.                 for (int x = 0; x < width; x++)   
  21.                 {   
  22.                     Color pixelColor = img.GetPixel(x, y);   
  23.                     Response.Write(string.Format("<span style='width:1px; height:1px; display:inline-block; background-color: rgb({0},{1},{2});'></span>", pixelColor.R, pixelColor.G, pixelColor.B));   
  24.                 }   
  25.                 Response.Write( "<br/>");   
  26.             }   
  27.         }   
  28.     }   
  29. }   
  30.   

No comments:

Post a Comment