これが可能かどうかわかりませんが、$ css_colorの値をdivの16進値として設定しようとしています。 $ xと$ yの値でも。PHP情報を取得してdiv内に配置する
本質的に、イメージから$ x $ y情報と16進コードの値を取得し、formatted_colors.jsにある色の値の配列にマッチさせて、 "image"を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
<?php echo $ x。$ y?>はより安全です。短いタグは不注意です.. http://stackoverflow.com/questions/200640/are-php-short-tags-acceptable-to-use – rlemon