User:Eleanorg/1.2/Forbidden Pixels: Difference between revisions
Line 10: | Line 10: | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/Html image map | Html image map]] | * [[User:Eleanorg/1.2/Forbidden Pixels/Html image map | Html image map]] | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/using jQuery to access co-ordinate & colour of each cell | using jQuery to access co-ordinate & colour of each cell]] | * [[User:Eleanorg/1.2/Forbidden Pixels/using jQuery to access co-ordinate & colour of each cell | using jQuery to access co-ordinate & colour of each cell]] | ||
* [[User:Eleanorg/1.2/Forbidden_Pixels/Browsable image with CSS & jQuery | First Browsable image w/ css & jQuery]] | |||
===Printing an empty html grid=== | ===Printing an empty html grid=== | ||
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted. A visibly empty html grid is printed, with each cell in the grid assigned one pixel's coodinate & color. Eventual aim: each cell has a unique id string, which can be embedded on other websites. Those sites are then scraped, turning the co-ordinate & colour within the string into html which displays the pixel. | An image is processed with ImageMagick, so each pixel's coordinate & color is extracted. A visibly empty html grid is printed, with each cell in the grid assigned one pixel's coodinate & color. Eventual aim: each cell has a unique id string, which can be embedded on other websites. Those sites are then scraped, turning the co-ordinate & colour within the string into html which displays the pixel. |
Revision as of 15:01, 21 March 2012
Experimenting with breaking down illicit content - whether obscene or pirated - into the smallest possible visual units.
Code trials
Scraping & Using remotely hosted pixel data
User interface
Will probably be an html image map over the image, with jQuery allowing ppl to browse through the pixels.
- Html image map
- using jQuery to access co-ordinate & colour of each cell
- First Browsable image w/ css & jQuery
Printing an empty html grid
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted. A visibly empty html grid is printed, with each cell in the grid assigned one pixel's coodinate & color. Eventual aim: each cell has a unique id string, which can be embedded on other websites. Those sites are then scraped, turning the co-ordinate & colour within the string into html which displays the pixel.
- storing RGB values in nested lists
- printing html grid from nested list values
- assigning each td a meaningful id
Reproducing an image as html
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted, then reproduced using only html/css, so it's no longer an image.