~whatsthepalette/whatsthepalette/main

« back to all changes in this revision

Viewing changes to js_test.html

Committer: Jesse Dunlap
Date: 2011-10-02 05:11:06 UTC
Revision ID: jdunlap0@gmail.com-20111002051106-0v9id723xno911x0

Ported the PHP image algorithm to JavaScript and added a test file (js_test.html)

files added:
app/javascripts/wtpimage.js

js_test.html

Show diffs side-by-side

added added

removed removed

js_test.html

<!--

This page tests out the JavaScript image algorithm. The algorithm is a port of the php

algorithm that can be found in app/php/image_algorithm.php.

-->

<!DOCTYPE html>

<html>

<head>

<title>WTPImage JS Test</title>

function run()

{

// Get all of the colors (skip every 4 pixels for speed)

var colors = WTPImage.getColors('app/php/test_image.png', 4);

// Get unique colors from the list of colors

var unique = WTPImage.uniqueColors(colors, 5);

// Print out the colors to the screen

var total = unique.length;

var html = '';

for (var i = 0; i < total; i++)

{

console.log(WTPImage.getRGB(unique[i]));

html += '<div style="float: left; margin: 20px; width: 30px; height: 30px; box-shadow: 0px 1px 2px #000; background-color: ' + WTPImage.getRGB(unique[i]) + ';"></div>';

}

// Display the HTML

document.write(html);

}

</script>

</head>

</body>

</html>

b'\\ No newline at end of file'

Older »