-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathdemo.html
57 lines (50 loc) · 15 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
<head>
<script src="background-color-theif.js"
type="text/javascript"></script>
<style>
canvas {
margin: 10px 0;
border: 1px solid #ccc;
}
#container {
margin: auto;
width: 800px;
overflow-x: scroll;
padding-bottom: 30px;
}
#drop {
border: 1px solid #ccc;
text-align: center;
padding: 30px 10px;
font-size: 20px;
margin-top: 10px;
}
#backGroundColor {
border: 1px solid #ccc;
text-align: center;
padding: 30px 10px;
font-size: 20px;
margin-top: 10px;
}
</style>
<meta charset="ISO-8859-1">
<title>Convert Images Into Facebook Optimized Images - Online</title>
</head>
<body>
<div id="container">
<h2>Get Background Color of an Image</h2>
<div id="drop">Drag Image Here</div>
<h3>Image</h3>
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAACuCAYAAACr+ebTAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAIABJREFUeJztnXmYXFWZ/z/n3K227k6nk0539oSEEAgBVxARXBhl3BlUGARhcEZQnBFHfzo6Kq4I4rjjiBviiKiojLjNjA6iIqLDDFsIIQlZyNrpfanlbuf8/rjdEELXraW7qrs69XmefgSpOnWr6lvnvuc97/s9YnBw8IVKqRfSpMksRkp5Z3t7+52mUuqFQoirZvqCmjSJQykFcKec6Qtp0qQSmoJt0lA0BdukoWgKtklD0RRsk4aiKdgmDUVTsE0aiqZgmzQUTcE2aSiagm3SUDQF26ShaAq2SUPRFGyThqIp2CYNRVOwTRqKpmCbNBRNwTZpKJqCbdJQNAXbpKFoCrZJQ2HO9AU0KoHW9HmaoVATKE0u1KgjHiOAtCGQQLstmW8KHClm4GrnDk3BluCQp3k8HzAcwp+HfbZlA4ZDzWgIvW7IcKDxlcZFgDzihqU1jlYYUjDPFHTYkjZTkpGwKil5dptNpyVYkjBYmmje7MqhKdgj2JUPeSyvuHPAZXM2ZFdBsTcfom0neoAWRHOnBiVBq+jftYYwPGI0gSskKMgFkv2hADE+w45qOOSC77PIhmOSBqsSkr/osFmdMjkubdTvTTcQTcECD4wG3D0ccEdfgc15Ta8yxzUpQelIZJ5bxcg6EjJAeGTAMI4Q9ASSnqzk7izcPODRorIcnzY4Y77Di9oNTm4xMUUzlICjWLBbsiG/6vf4ZZ/LQ2MhruWAMiAMQFUjziqZmJkPm51HpeRPOcGf8gH/sivLhozBWR0Of9lhcVLLUfuVAUeZYF2l+d2gz3cPuvxuKGBUWNEsqhW4hZm+vCdRCpQX/aMQPJiXPHgg5PrHczyvzeT87iQvbjeZZx19ce9RIdg+T/Ef/R7f2u/yYFaBaUKoQc0ikRZDawg8CMAVkjvHJHduK7DaDDi/O8UbFtksdo4e4c5pwfZ5ilt7XG484LIrNCEU0exVVTxajMMWUkKAFDAetqLV+D8fFstOBa3Aj659h7a4el/IjftHuLDL4Y3dzlEh3DkpWFdpftRT4At7CuwILAiBcIqzqTSimRkiEWo1Hn8GZMZ1kjI0raZEa01BwUio0RpyCpRhRGPAkwIPg/HFWBViDnwIfA4YJtcdUPzbgWHesjTBRd0J2sy5u0Cbc4K9a8jnU7vy3JMlik+DKoVqmNGfVhAEdJqK49KKdkuyIiE5qcVhiSMxhCZtRIpNyGijAMBVkFWgtSYXKkIEPa7iwbGAnXnFoB+yJavZH2qw7EjESkUirmQ2DgMIAw4aJh/dq/hBzwjvXJ7gtQttxBzMLMwZwfZ4is/ucfnOQRcP44lbZ0WYVpT8931WO5r1ac0prRanzkuxwBIsTVSbGx1/XgucvcB+4v894Cp6PcXmbMBvB302ZzVbxnSU89U6mkXLFe+4cLeENpc9mudnfQEfWOmwKjVnvmJgjgj29l6XT+wqsDM0IQhBB+U/eWIm9V1OTAme1yY5Z2ErKxOSDru2MWG3I+l2JBtbTM7vSjAWanbkQv6z3+f3gx73jkBgO6BCCMp8T4EHQvDTYZN7Hhjln1YkuaA7gTFHJtuGFuywr7h6Z46bDgUoBAT58p9sWiAkS82Qs+YLzutqY33aIDWDe/0ZQ7CxxWRji8m7VybZPBZw2yGPX/SHbMeKwoZyZl2twS3Qa5i8a4fLHUMhn1yTpKvGP8B60LCC3TwW8O7tee7NyyjpXu6t07JBKU5KaS7stjm7w2LRLPwiBXBCxuSEjMkVyxLcMehzywGXu4YEyrbB90q/5zAABD8fNnnkgVE+cUySl8y3458zy2lIwf7gYIEP7sgziAlembOqZUMYckYG/m5JkjPnOzRKvUm7JTm30+GchQ5/HPL46n6XX/ULAtMuI1bX4ObZEVpc8kiO9y4PeevSZMOGCA0l2EBpvrQnz6f2BQShgLCMhZVhgpScnFBcvizFaxY6DftlSQHPb7d5frvN3UM+n9ud484RA4SMQoU4Ah9XSj66J6o4u3pt5omMRiPRMILNhpr3bx/jlj7G9/uLFJNMIATYDt0y5G1LLN60OEFyDtWinjbP4pS2Nm47VODTu/LskInxMCHmc1EKfJ9bBhz2bRrhy+tb6JyF4VAcDXG1A77iLZvHuKVfRKvgUmI1TISQnDdf8POTMly2NDmnxDqBIeB1ixL84pltXNElSZkyCn3i0Bq8Ar/LGVzw8Bh7CkeWRM5uZr1gB3zFpZvH+FXWAK9QeqFhJ1hiab6yLsUX16WnkDttHOZbkqtWp/j+hjTHOxqcxJO7acVwCzxYkFy8OddQop3Vgp0Q6905Awq5+AdLCbbDK9o0t5/cyjmLnPpc5CzilDaLH5/Uwt8sEAgpwSjxY3ULbHIFF2/ONoxoZ61ghwLNpQ+PRmJ1S2QCDBPHMHjfEoOvHd/CsqNgVi3GfEty7do0/7ImSZshSocIboFNbuPMtLNSsDml+ccto9xdMEuL1bJZYMHXj0vyzhUp5nDdR0Vc2J3guyekWW1rsEvcbcZF++aHx+j3SqwPZphZJ9hQw8cfy/KzEQmFEmK1HVZZiu+ckOFlHY2dEK8Fz2mz+P6GDM9NabAT8Q9289zvGbz1kVGy4TSUQtaIWSfYG/bm+PohXTohbjlscBTf3ZDhmUd520gcK5IGN52Q4RXzKEO0Be7MGnx0R66agse6MKsE+7NDLh/f5UJYYr/cTvC8jOa7J7ZwzByrRqoFHZbk+nVpXt1Wxkzru9zYE/D1vSUWuTPErBHstlzI+3bkCYSMz7PaDqemFF9dn5kTxRz1ImUIvrA+My7amJhWa1CKj+92+cNQid2zGWBWTE95pXnvtjF6lBlfcG3ZrDFDrj+uteKCFV9pHsmG7HVDClrQZsDqpMGq5PRlFA66ir2FkJzSLHIMljmS1DRuf7oqcpvJKc1CSzLPqmzslBR84bgMuc2j/Ho0EeW1J0OF5KXNe7Zlue2k1lm1GzYrBPul3TnuysriHyCAabHYCPn2hlaWVVC1UlCa7+zP871DPtuzITlhgmWBm6fDkjyrxeSyJTYvaK9+0faffR7fPujx4KjPkK/wlKbFFCywJGcvcLio255S6HL/aMDNB13uHvQYDjSe0mRsk9UJwSsX2Lx6gc38MkWVMgSfOTbNmx4e435s8LzJHxh4bDOTXPVYli+vb2G2JF9Ef3//h4UQV83UBfxpyOf1m8YoKF08FJAGbabglg1pnt1qlT32nkLIlY9m+X12vP1EhU++hhBR0YhpYquAyxbbvGdFCqeCGbHPU3zwsSw/7gvQhjle46ABfdj4Ngtx+eDKJOd3l4gfj2As1Fy7K8e3D3jkDeuw8cevX0oQkhMSmqtXJ3jevPI/mx25kNc9NMpeXxQvnBECYZh8cY3DG7oqu/bpRmv9kY6Ojg/P6Fw/Gmo+9FiWgjCLi1UIhBBctSpRkVgPeopLNo3y+5wRzSKB/9TX0DoSsOfiKc0XezQf2ZFFlVlXO+Qr/nbzKD8aluiJTtwwfLI5caI/y83RGwqu3Jbjpn3lF5hnQ80Vj4xxw6EoZMItRF0HKoz+wiAqdvEKPFyAix/J8ev+IrPlJKxOGXz+2BQZoZ/uCTaB1mit+cSuAvvc2ZGfnVHBfuXxHPd5ZnwKy3K4vNvkwgpmJw185LEsD/n2+MZDCREqBZ7HNw4G/LCnvF6wa3bluDtvRrniUiIPoo6ID+0scO9I6YWM1pprd2b55aiMrr9UsY/nMqQEV27N8Vi+/N2qF7Tb/PMKJ+rmLVZ7EAYc0BZX78iWPW4tmTHBbs+HfO2gD37MF2g5PNMJeM+qdEVj3z3o8ZO+ID4mPhKt0ELypT15RoN4AT4w6nPzQa8yfwMVkhcm1+zMUyov/8BYyI373cqu3/c4hMV1OytLR715aZJz54v4zIFX4La+kDsHZz5rMGOC/dSOLEOY0e1tMqSkjYBPHVt5ofG/93oEphVfGzoZgc+WnObu4fgv5sc9XuTFVfH4HncPeTw0Fj8L3nLQxbUSlZtv+C6/6vfYlqvsuj50TJpVRgBGkZBLawIpuWZHNgpPZpAZEewfBj1+MaiKr1ABDJN3r0iwscJdLA38adifxPqyzGfbDn+OEayrdDTTlKrwn3R4TWAl+N+R4u87r+CeIW+8H6tClGLUcLg3ZvzJ6HYMPnZMCkPo4qGB7/F/rsG/98ysvVPdBRtq+NzuHJ40i89Qls0pKcUli5MVj9/nhQwFuvLZbwKt2R0TBwYaDvmqdFxZDCHYlS/+3NFA8XhBVfmDi8bfUeEMC/DSDptzFxhgxYQGSvH5PQUG/ZlbgNVdsHcN+dw1RvGFlhAkdMiHVqepxipKIZjqXUvVOOsY93WHWhNM+HFVg1YMBtUJ6r0rUizAK15HG/jsCGx+UObCtBbUVbCB1lz/eI5QGsXjM9vhDQstntNWfgrrcDosQZs14ZJdBULEbvlKAY5gSuPHeV9ZUkQxe7U2Q8Kgu8qdqWVJg7cuSUSNm8VQAf+2vzBjFV11Fey9IwF3jagofzgZhsFC7fGOFZWHAhOYQrAxY8Z/6HGEASdmim/XOkJw4lTGDzzWpYqP32oI1qSM6sdXAWvT1e+qXbQ4wToriIxGJiPw2RoY/OTQzMyydRXsTfvzBIZVfHY1LS7qTky5Y+BVCx2kDiufpQyTLhnyko7icZwU8MqFVW7jGgZdMuT57cXvHrYUnNFuPel0WAnSoBOf57ZWL9h5luSdy5PxGQoN396fx52BjEHdBLs9F/LrgaD46tow6NQeF3dPvRfrrPkWp6Z1/AJiMkyTSxY7dNrxQn/FQof1ll+6/eRp49tcvDjBghLO2ectclio3dI9WUdi27y+K0HXFH1i/3KBw8YkYBZ5f4HPAznB/5RI/9WCugn2Z70uw8Iunnc1LM7rcuiehn4sWwo+vibDQioQlZPkzFTIZctSJR+aMQQfX5shocPyb91OgtOTQVnjr0gavGdlMrLLFGV+RbbD8abP25ZVH05NkDQElyxJFg/TtSY0TL53aI4KNhdqbu91Y+oFJC3K44IKi0Pi2JAx+dr6DMtNBYlk8f1ywwTb4SWZkOvXt5S9SfGCdpvr1oybB9sxbdXSgESSU1OKfz2+hUyZ41+8OMl7l9lR96sZ86MQApwkq82Ar6xvYeE0lQK+eqHNajPmBxn4/KbfZX+dawzqIthNYwGb80SdBJNh2bxkvsXqaTa7Oq3d4raTWvibDphninFxJiCRGjcRlqxOCD6+wuRbx1fugnJeV5IfbEhzZlpFH6SdACf55P+aFh2W4IpOwXdOaKm4hvcfV6T40rFJVidEtAhyktF1m1a0lWonMKXg3HbNrRtbp/Vsr1ZTcG6nXVywKqQXi98OVLZJMVXqUg97e6+HMqzitu2hz0XdmZo4Ri9LGFy7Ns0VyxL8ccjnsXzIYKBZ4phszCR5VqtBm1n9D+UZLSbf29jCn4YDfj8UsDMfkg8180zNM9sSvKTdnJKZx+sXOZw13+Ln/T53DfrszSt8oN2C9SnByxe0VJ0CLMVfdSW5fu8gOSEn34jR0Xf719N4ZyxFzQWbCzV/GPKiM7AmvQKL9Y7i5CmsbMthecJgeVdt/AoMIThtnsVpFdSjVkK7Jbmwy+HCLgdPabQQ2FSfqi2XVQnB6fMs/mu0yMF6YcB9Y5qd+XBaOzfiqHlIsCUX8miB4uGAlLxsgU1LAzrpzQS2FDhT2FeoBCmijoaiW4cqZACLTdn6GXDUXLD3DPkxuVeBEfjRh9JkVnJ6u8V8ERTPC2v4j976bSLUXLB39nvFf6GmxXFJwco63U6aVM6ShMGzW83imQodNXfm6rRVW1PBHnAVW/MhqCKlclLw7DaL1ikseprUFgG8eH7M7mTos7Wg2JarT1hQU6XsKYTs9ymef1WKlzXDgVnPqfNszPHzEp6G1njSYnehPvnYmgp2W05FOcPJfp1CktEBq49ip8FGYakjWZMUsRsY9crH1lSwvx1wi5d1mibHpQ2WNMrJGEcxraZgTdKIXXjNiRm2148JxIVgVdLAmYNW7nOR9ZmYGmYdsrsQ0lsHq86aZev7fcUBT4MuEoxrzUmZ2iTaJ+OB0YD7RgN2FUICBQsswYktFs9tNWmZBlPZXi86R3ZPIcRVUZ/UCRmD1UljWvoXCkrz6LjVUqBgadJgdULSXqLya7p4YbvDdXvGJv+PoeKAUhxw1bTVMhSjZoI94Cr25QOKTuJa8cwabSkezgMjPp/ZU+COAR/XsA87Kl4jdo+yKiH5++VJzl9U3XFIewuKG/bl+VGPR7+vonNipQFulrTUPG+ezduW2JxepRXSgK+4ab/Ljw657M4rXA0IgS007Qa8utPh0sVOzV0cW0yBo0NcIZ4+02qFZ1jk6lAfW7Ofw1iocYs1GgqBpUKSNZ4cbu/1OHdTll8Oi6jY2CtExhRuHgp5tNbscOGd213evmWMsQpzib8dcPmrhyJ3lr5gPFx3C5DPglZkQ/j1iOa8h7N88fHK7SvvG/E558FRPrlfsbUArh63QdKRf1dPIPhaH7zmoSw/rnGf1XxbstAWxeNYKTlUh5CgZpLxlC5egCwk7WZU3V4r/rvf5x3b84yEFD99RuvxU7B9fjQE7906hl/mLHH/aMCbt+TZ5TLuznLE8aF6vHPXc/GV5mO7vYpE+9BYwCWPZHmkIKLxJ46lP/xPhVDIc8jT/P22PLfWULQLrWjNEdcJ8XAJv4XpoGaKeTRuf1kaLHUMOmok2D5f8b7tY2SVKK+/X2vwXG7tU9xWRq9SNtS869ExRrSMzg0rhVKgFdfu8bhrsPTjRwPFux8d40BoFu9/O5wwwAfevz3HozVK4AuIzjorVsSgozCw1tRMsLErRhkd7V6rjNYPDxbYpezyvuwJdGQiccPeAqUyND/p9XjINSobXyk8YfCFx0tbFd16yOO+glGZVVEQMCwtPre7ds7Z0Y5k8YsfqrK9vBJqJtiDno55b7pmp71o4PY+vzrnlMBn01jA/40Wb/1QwI96XKryDQh87hny2R4zC/paj7urVDf+b/q9mh1fFNPsC4Bbh93Zmgm2pB5rVB/X6yl258o4i3ZSNNqyeWCkuNj7PMWDo35kfVkpSlEwLB4aK/7cAV+zaSys2qpoADN6fg2YX2KWqeKKK6Zmgi1VvVOrk6R7PTX+2lWmWAwzsgoqwlhI2QuzSbFs+mKsfva7mlyoKjeCg+g5plWzWHKBPUlK6zDqsddVM8GOlLCszNTolS0pMKYye2uNJWbOoU9pPeVWoVqV+s2wcSFQy5CgxGdeq/feZcto56rc9ugjCQNWJYsn4TMG2Ias2qkI36Mj5jCNDktgTkWwSs3p+oyavbM4/yigZg54raaILDorNaEAEAJHBZwW48yywJKclIkpaI5DSpLK5+QYC9Eux4gKTaqxKhKSRFCIrI5qQC2aRCulZoItVdQS1NAh8LxFDkJVYVVkOZw2z+KYmC04KeC1nTZVTbGGxSltFqtjOiwSEl66IKa9Og7T4uRWi+On4K0VR4+nYj9To5q4u0JmKEsgSuYip8JZHTZntYnSp/4dzvjs964VqZK35Nd2OpzkhKUPHT4cIbF1yJUrkiVj7IsXJ1iMW9yQrcj4ltD8w7JkVTUR5TAcV30HmHWovKuZYBc78XGeX60hcBnYUvCJNRlWSb880UoDpOT9Kx2e21Z6dkobguvWpumUQXH/qaeML8GQvGeZzWnzSj9+sSO5anUaW8Rsbx+OEOA4XNopOauGh0SPlJhlknXofK6ZYGMPf1MhPZ6uqcfoyqTBzSe28JxECE4imq2EeOqfNMBJMt8SXLPK4bKlpX2vJji51eJbx2dY4ejIkeXIk1gmfLFsB0sI/nmZzT+sKH/8cxY5fOqYZGRtZDuT34qFiJxgpMGbOzT/vLqyw0sqJR9q4mahtjo0j9SsJm1F0gBdZMdIKXo8Tb+vSFezOCqTNSmD75/Uyg97XL7bo3g0K8kHUcuyLaDd0LysQ3Pp4gzHZyr/KJ7danHbiS3csK/AbT2aXh+05UQzqu+SEprnt8LblqR5fhXlhRd0OaxLSa7bXeDuIUHBGB97fBvZ8F02pgRXLE3x6motQMvEDXW0UC42xwjq0v1cM8GaQhTvllWKoQBG67A1kjEElyxOcEGXw458dBZsQWm6HYOViaimYSosTUg+dkyKdyxz2JR9cvwuO81xaZNjUlMr4H5Wq8V3N5hsySn+NOyzt6DwNHRZsLElw3PaTBJ1iB37A83jhZC4xcexNcpOHE7NBNtiQhpFdlJfJk0gLQb8EKhPE6ItBceljWk1TDucBbbBC20DmP6idCkEx6cNjq/RtZfDoK/o9yl+2IkKyz7vdirU7BVWJIzISTumJvae4XrsPjeZDgZ8RWCYTBoTCElSBdPSalSKmgk2bYjIybrYjpMQbMk2Bdso/H7Qj/HYNViRNFhZh5b9ms7hKxJG8UWlUuwpKKo4UqrJDPBINqTolykknbaoWUHT4dRUsGfOj1m5hj4Pj4XsyTdn2dlOvxeyLR9T8ihgfY12146kpoJdlpAYgT95DlFrfNPi4TpaNTapjj2uZperY2t0Xzh/6oeplENNBXtMUrLKofi+uJD8V399LcebVM5vBjyULJL9kJJM6LHEqU9hTE0F22pK1qbM4guvMOSBEZ+hGTy7tEk8SmvuHoo5LcYwOTZl1KxC7Ehqnjh78XwrKnGajNDnMVfUrKVjMjylZ+RAtEZlV17xv6Nh8fPVhODEFnNqNbwVUPNI+VltFokgT2EyxxAA0+QnvQVOj6lBnSr7XMXtvS73joQcLAQooCthsjEtecUCh2OnmJAfCzW/HfS4Z8hnnxu9xyWO5BmtJi9qt6ZsJ+QrzcNjAX8aCXi8ECKFYGVC8qxWixMzxtQ6LErwmwGPMWGBLtL+rhQvX1h+jcRUqblgj0ubbEhJ7i3Iyduiw5DfDcFgoGifZmPjQGm+sq/AV/d5HFQyWvyF463KBfj5kOL6vSP89SKb96xMVZX4vvVggc/vddmaHS83nPhNCuBAntWJAm9bYnNhd7LojSaOOwc8PvN4gXuHvch6f2I9EHpYKsfz2izesTzBC6q0QorDV5qf9nkUvREbJktNxYY67sDVPCQwBZy90ImJYwN2+pK7Bqc3veWqyOzio3sCDvqRUQZuITK+CPyo598rMBJqbuiFix8erch9L9TwwW1jXLEtz9YC0Zalm39i3Am3lh0uvHuHz/u2j1Gize1pfH53jos2Z7knJ6KC98B/0mop8PE1/C4ruXBzjn/ZlUVPcwH1I9mAe8dUcbMQaXBKq1lzA7invGQ9XuRF7RaJ0CterS4EN+/PT2vX5dU7stwyKKJZPa5lWkVCuytn8O6tY2XHt194PMcNvTp6frH4DqL/FvrceEjxsR3Zsq//K3vyXL3HH/cEc4tbLXkF8qHm2r0BX9tXgfFGGdx8wMOTMXbx6JpXiR1JXQS7PmNwckYWr6D3Pe4aUTwUY2BRCXcPeXyzJ4jEWu6s4xX45ZDmx2VYFf3fSMBnHi9E3gTljK81BAE37Pf47UDp9/jgaMA1u/JorcrzV1AhaMU1u/I8OE0lcIc8zS/63OLHVZkmqyzFqTU6m6wYdRGsKQRv6EoU34vWGs+w+Po0zRDf3OcWd04sho6Kk7+5r7RV0Tf3F3BNp/hBz5OOr1CGxdf35Up2DN+wN0/OtCGsYPwwZMxw+MrefPnPieEHBwv0EHMNhsVfdkx9QVkpdXu1l3Y4LNJe8eot3+NnvV6sjU859HpR3Sh+FbN16LNpLGRrTFFOv6f4zYAHfhVOgb7HH4aC2O3ofl9x52CV1+97/G7Ao9ebWizb7ylu3F8oXs8sJInA5dxF9dndOpy6CbbTFrym0y4eFmhF1nD41z25qkxPJni8oCJTsiqdU0JpxJ7st6ugoo2Oqi5Sk1WCLTEVP1uyIX2equzu8MTwin5fsy03tbDgloMF9miruB2TaXF6m8GGTP3rc+s6n1/YnSSjYsrUfJdbewM2TaHscCTUuEpQtVWHlPTFuJoVlEZX20OgQUsZa5x8yFNoIau7fK0JbWdKM2yvp/jGfre4WIVA6JBLlyQRNWzVL0ZdBXtc2uCl7UbxTlOtKUiTT+0sHecVwxFgCEXV1ixK0RoXl01D5ijuQ59ShZ4QoNSUnCGvfzzHPmUVz6yYFs9MUbUF/lSpu6fNm5cksVVQPC/rufxqSPHTKs8vXZ6QzDON4tvBsQhEGMT2Ji1y5Lj3VhXjC7B0yPKYZr1ljoHUqsrfm8AOfRZVWYjySDbg2z1+rEmzQPO25amaefuWou4v+5w2i9d0SLCL/0KVEFy9I0ufV/kCbGnCYGNLlVY/hsHyhIysjoqwMjneF1bN+NJgqSNZF/ODWJM2IkHHWLMXH1/S5UjWVVGbqoCPPJZlTJjFU2mWzTMSipfW0PugFDPyO3n7sjTpuFg28NkR2nx+d3Upmgu7ExDG2+pMimnxukWJyAug2EMEXNCdHL/2Sq2QLP6q04mtzG8xBC9fYFXm+vLE+DavWujQUkVccdO+PHeMEG1STIYQSBVy5Yo0daoknJQZEez6jMEFnVZkAlEM3+WbPQG/LiPRfiRnd9i8vL1CqyLLYb3p8bdLSj/n3EUOz04ElVkVWTZrpMelZYx/2bIUS0WFVkWmxRLcssY/ku25gGt3F+I3KSyHl84zZnR2hRkSLMCVK1IsE35MmkvjI/jA9iz7KzwW0pKCa4/NcLIdRK4ssTNtJOzFRsjn1mXK8inIGILPrGthtR2W96OwHRYYms+uaylr373blnxqbYa0UOWJ1rRJoLhmbTrqVK6AgoZ3bc0ygFl8I0RKWgh4z6pUdUuDaWTGBLvQlvy/lcn4BwU+OwKD928fI6iwhnWRLbl5Yyuvm6cwpIzsioxxG05jPAa1nSinmFF878QMz2gtf0Y7Lm1w0/o0p6YOQgLoAAAJkklEQVR1JNpxyyCEjP6kEYnNSXJSCr5zQppTyvDtmuCsDpuvHpdmuU30ozPMp1shGSY4SZbb8K/rkrysitnv2h1Z/pgziocCAJbDW7ptNlThjjPdzOgVvG6Rwy/7fH45kih+Yorn8othh0/vzvFPqyrzjlpoCb68voU3DPrc1uvxx0FFPgS0xjYlGzOCczodXtZh41Tx012XNvneiRl+eNDl1kMej+UFo75Ca02LabLUgTcsMnh9V4p5VeSa/qLD5ri0wTf2Ffhpr+agB76ViA7m8wssNBWvWgh/tyQdm3koxncOFPjyfj9+i9my2WD5XL6sreLxa4Ho7+//sBDiqpm6gJ25gFc8MEZfQExXpsAwDD59TII3dlceo02QV/oJK/uUIapanBRDA3sKikNeiEawwBIsT8hpK64e9DVbcwEHPYXWgm5HsDZlML/Kvfx7R3z+elOW4UDHhgK2lHz3hBRnzFDedQKt9Uc6Ojo+PONz/KqUyQdXJrhyh4dWRboStCbUmg/vKrDEkbwwrn08hqQUJO3aBGGCKAe8vEYJynZLcMo0nc27LRfy5s1ZhlWM/xmAafP33WLGxXo4s8IM//yuBOcvkPELmDBkOBRcsSXLfdNUhng08lg+5OJNYxwIZXwdr53glGTI25fXr/2lHGaFYIWAD69OcaLtx6eKAp9eZfCmTWPcN9IUbaUc8hSXP5Jle1DiFEfTYpEM+My6TF3cXCphVggWoN2SfObYNAtEGH/gReDRExq86eGmaCvhsVzAGzeN8UBOxx8JKiWmVnxydZK1dWrdroRZI1iAk1osrl2TxNAU3wWDp4j29wO1PXZ9LrA1F3LRpjEeKJQIA4QAw+IDKx1e2Vn/WtdymFWCBXjVQoerVtqIIy3YjyTw6Aklf7Mlx+29TfeYYvx52Oe8h0bZ7ssShy1HGyh/2ykqss6vN7NOsACXL0txRbcZlSHGitZnJBRcsTXPZ3dXX5I4V7n5QIE3bs6yzxelTx63bV7bpvjAMemanUIzHcxKwQK8f3WKyxaJJw/TKEYY4IYhn9wXcuXWLANN2yPySvOxHTnetT0f5VnjwgCARJIz0orPrsuQmum91xLMWsGaQnDV6jRvWihLi1Yp8Fxu6dOc88Ao9wwfvYuxrbmQCx4a44sHFUqp0o2MiSSnJUO+enzLrMsITMasFSxEB5VdszbN5V1G6fAAwCvwiCs4f1OW63bna3qs0mwjUJpv7svz2gdG+UOWKF6N6zsT0XFKZyRDvnl8puods3oz66/SFIIPrUrx9m4DYZjx2QMA3yMXKK7bF3DO/cPxzntzhIfHAi7aPMY/7fToC3R8IQuMizXBa9rgpg0tDSNWaADBQjTTfmh1ig+vsLFMs3S1v45ChPsLkjc8NMb/25Zjd37uGSf3eiGf3JXnNQ+N8d8jjLvMlHifUoJh8paF8Pn1jREGHM6M1xJUwluXJelyJO/dnmNIOqW9AXwPTwhu6lP8sn+UN3UnuKTbprOOXlC1YCTQ/KDH5YZ9LrsDAwIVXxMwgWliC/jACofLl1ZfRDSTNJRgAc7pdFiZNHjn1iybZbJ0rKY1uAUOSYNP7w/4fo/LeYscLuiyWVpNTeEM0uspftHv8419Bba4ApSGsEy3HDvBIhnwyWOSvHLh7NwUKIeGEyzAM1pMfnBiCx/akePH/VZUHlfqVqhCcEP2GCaf3hfwrX15XtVp88ZFDie2mDPQYV8+23Ih3z/ocvtAwC5PRB2DMZ2tT0FIsGxOz2iuPSbD2jodnlErGvbqO23J9esyPO9Agat3Fxg0YorADycMIAzokwY3HtL82/5hTm01eUWnw4vbLVbV4bzUctjnKu4Z9vnhQZc/DvvkDDtqrIxzYjwSy8bRircvlrx9WbLh4tXJaFjBQmQ6cfHiBM9tM/nIzgJ3DNtRTracL1WF4IUEQnBXVnDXTp95O3M8p8XgxQscTm01WZMycOqUSA+U5rF8yH2jAf/V7/E/IyE9ygAEKAFhBTUTMppVT3IUH1iV4sxZVM86VRpasBOsT5vctD7FLT0en96V45CZHPdULWPXS+snti2HpORXY5JfjXqYwRgbMtHhxs+fZ7EhbTDfNliakNOSWjngKXpdxY6C4o5+l8fyiodGfAoT+eYAUBXWSAgBlkMrAW/uErx9ecu0dlXMBuaEYAEcQ3LJ4gQvmW/x+T0Fvt8jcGUiyiSUa9w2vmMGEAjB/QXJ/S78aCBy7V5gCVYnDTosQactWZYwWJuSdNrROQMC/VQXbCEINQwFiq3ZkJ35kD5fMRJotuVCDrgqal4UArQAytjzL4ZlI8KAl88TvGt5ZlY0DNaCOfeuliUMPr02zfmLHK7f6/KLPoG27MrMjeEpM+8EfYGkLyfGd9w0aP/JMVX49L5+IZ+0FxUTzxv/C8f9v6oV6MSYZuSQfWpa884VLbyohoebzAbmnGAneHaryY3Hm/xmwObr+11+OyjxDCtaXZfjaj0ZKixhYnzE7VerKEc63QgJVmSH+ayk4vJlKc7usOoWb88kc1awE7xovsWL5lv8edjnxgMuvx6QDAsnWpiVqmKqmBrXLhgmmCZO4HFGC1y6JMPpbQaO0Vj55Kkw5wU7wXPbLJ7bZrEtF3J7r8dPDim26HFjDRUW90OdaSZMP7RmlaU4u0NybmdrrGHdXOaoe9drUwbvWpHkbUsT/Hkk4N8PufxxWLNjQrx6/BDgasOGqTLh6CIlaE23EfKsFnhdZ4JT55kNVahSC446wU6QNARntluc2W4x5CvuHw34j36f+0Z8tuY02YnuXc2Tses0n4OFEJEwpfnEv5u+y3FJODEtOLvDZmOrxZIG20KuJUetYA9nnhWZc0wYdDw8FrC7oLhjwGNnXrGroNlfgPBwER9OqdNkjvR6nVgbeS6LTM2alGKJI/mLDpvliQTHpwycOZY/nS6agp2EEzImJ2Tg5QsiAR/yFHsLirFQ88hYwCPZgEOewkPgK+jxNJ7ST/P812gMIei2FYYAR0ZbymtTBhtbLNJGki5bsnSm7KwbkKZgy6DTlk+UJJ4xSZ5zwFf4RaIFCXU92nKu0xTsNHC0L4TqSfOTbtJQNAXbpKFoCrZJQ9EUbJOGoinYJg1FU7BNGoqmYJs0FE3BNmkomoJt0lA0BdukoWgKtklD0RRsk4aiKdgmDUVTsE0aiqZgmzQUTcE2aSiagm3SUDQF26ShaAq2SUPRFGyThqIp2CYNhSmlvFPNlC1PkyZlIqW8c6avoUmTJk2aNGkya/j/6CzSg3UU0v8AAAAASUVORK5CYII=" id="backgroundImage" onload="getBackgroundColor()"/>
<h3>Background color</h3>
<div id="backGroundColor"></div>
</div>
<div id="list">
</div>
</body>
<script src="demo.js"
type="text/javascript"></script>
</html>