zoukankan      html  css  js  c++  java
  • 用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},
    '.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>

    效果

    下图并不是图片 微笑

     
  • 相关阅读:
    linux 操作系统/xxx目录下都是什么文件?
    Linux /bin, /sbin, /usr/bin, /usr/sbin 区别
    java初学
    虚拟机联网及远程连接-Linux基础环境命令学习笔记
    Linux 文件操作命令-Linux基础环境命令学习笔记
    Linux 权限、磁盘操作命令-Linux基础环境命令学习笔记
    Linux shell编程命令-Linux基础环境命令学习笔记
    C程序编译执行过程
    刨根问底:什么是yum源,yum的工作原理又是什么
    网关人性化详解
  • 原文地址:https://www.cnblogs.com/technology/p/5071720.html
Copyright © 2011-2022 走看看