用CSS box-shadow画画


原理:找一幅画,每隔5 pixel取一个点的RGB,在CSS中用box-shadow描绘出这个点

Python

from PIL import Image

if __name__ == '__main__':

    with open('C:\\css.txt', 'w') as f:
        im = Image.open('C:\\sky.jpg')
        for x in range(0, im.size[0], 5):
            for y in range(0, im.size[1], 5):
                line = '{0}px {1}px 5px 4px rgb{2},\n'.format(x, y, im.getpixel((x, y)))
                f.write(line)

HTML

<html>
    <head>
    </head>
    <body>
        <div id="painter"></div>
        <style> 
            html{
                margin:0; padding:0;
            }
            #painter{
                width:0px; height:0px;
                position:relative; left:100px; top:100px;
                box-shadow: 0px 0px 5px 4px rgb(100, 105, 108),
0px 5px 5px 4px rgb(130, 163, 170),
0px 10px 5px 4px rgb(177, 180, 137),
0px 15px 5px 4px rgb(102, 119, 145),
.................
895px 555px 5px 4px rgb(32, 23, 28),
895px 560px 5px 4px rgb(32, 16, 17);
            }
        </style>
    </body>
</html>

效果

下图并不是图片 微笑

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM