|
原本想弄一只有无数颜色的笔，然后一张1000*1000的方格纸，在每块上面涂上颜色，就有画了。
但是笔难以实现，所以用HTML+css弄格子，每个格子设定颜色，这就纯HTML画画了。
rgb:1,5,7;为一个像素，;，|分格或者回车也行，不断的切换图纸，就是动画了，js解析像素，布满格子即可，这就需要高手来画了，如果不行，那就弄一张图片，获取每个像素颜色，转换为rgb:,,*;这样的。。。
先用php来解析实现，把像素存到img.txt就行了
<!doctype html>
<html class="H-theme-background-color1"><head><meta charset="utf-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /><meta name="format-detection" content="telephone=no,email=no,date=no,address=no"><title>HTML方格图片</title></head><body>
<style>td{width:1px;height:1px;}</style>
<table border="0" cellpadding="0" cellspacing="0">
<?php
$str="99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;|
99,99,99;66,66,66;66,66,66;66,66,66;66,66,66;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;|99,99,99;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;|99,99,99;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;|99,99,99;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;66,66,66;99,99,99;|99,99,99;66,66,66;66,66,66;66,66,66;66,66,66;66,66,66;66,66,66;66,66,66;66,66,66;99,99,99;|99,99,99;66,66,66;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;|99,99,99;66,66,66;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;|99,99,99;66,66,66;99,99,99;99,99,99;66,66,66;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;|99,99,99;66,66,66;99,99,99;99,99,99;66,66,66;66,66,66;66,66,66;66,66,66;66,66,66;99,99,99;|99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;99,99,99;";
$x=explode("|",$str);
for($i=0;$i<=count($x);$i++){echo '<tr>';
$y=explode(";",$x[$i]);
for($ii=0;$ii<=count($y);$ii++){
echo '<td style="background:rgb('.$y[$ii].')"></td>';
}
echo '</tr>';
}
?>
<body></html>
|