Я не уверен, возможно ли это, но я пытаюсь взять значение $ css_color и установить его как шестнадцатеричное значение в div.Также со значениями $ x и $ y.
По сути, я пытаюсь получить информацию $ x $ y и значение шестнадцатеричного кода из изображения и сопоставить его с массивом значений цвета, которые у меня есть вformatted_colors.js затем перестраивает «изображение» в виде div с цветом фона в качестве теста.
Пример моего массива formatted_colors.js var colors = []; colors["000000"] = "black"; colors["100000"] = "black";
Вот фрагмент:
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script src="formatted_colors.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//iterate through pixels and match rounded color to array in formatted_colors.js
<div class="rounded_color" hex="<?php $css_color ?>" xy="<?php $x.$y ?>"</div>
<div id="<?php $x.$y ?>"></div>
$(document).ready(function() {
$(".rounded_color").each(function(){
var google_color = getColor($(this).attr("hex"));
$('#'+$(this).attr("id")).html(google_color);
$('#'+$(this).attr("id")).css('background-color:', google_color);
})
// get name of color function from formatted_colors.js
function getColor(target_color){
if (colors[target_color] == undefined) { // not found
return "no match";
} else {
return colors[target_color];
}
} // end getColor function
)} // end ready function
</script>
А вот и весь мой код: http://pastebin.com/A4tMsn2C