css3 怎么把图片分成百叶窗

Posted 2023-04-19

参考技术A http://tympanus.net/Tutorials/CSS3SlidingImagePanels/index.html
希望可以帮到你！ 参考技术B 这是一款纯CSS3实现的图片切换插件，整体效果非常漂亮，图片切换是百叶窗的效果，并且该插件提供了4种不同的百叶窗特效，有水平百叶窗、垂直百叶窗和淡入淡出百叶窗等。
画面切换时效果非常平滑，用户体验也很不错。

Python 把图片拆分成宫格图片组

文章目录

• Python 把图片拆分成宫格图片组

Python 把图片拆分成宫格图片组

---

import os
from PIL import Image

# 所需安装的模块
# pip install pillow


# 读取图片
im = Image.open('1.png')

# 设置宫格形式
w = 3
h = 3

# 宽高各除 3，获取裁剪后的单张图片大小
width = im.size[0] // w
height = im.size[1] // h

# 裁剪图片的左上角坐标
start_x = 0
start_y = 0

# 用于给图片命名
im_name = 1

# 循环裁剪图片
for i in range(h):
    for j in range(w):
        # 裁剪图片并保存
        crop = im.crop((start_x, start_y, start_x + width, start_y + height))
        # 判断文件夹是否存在
        if not os.path.exists('output'):
            os.mkdir('output')
        print(f'正在生成第 im_name 张图片')
        crop.save('output/' + str(im_name) + '.png')

        # 将左上角坐标的 x 轴向右移动
        start_x += width
        im_name += 1

    # 当第一行裁剪完后 x 继续从 0 开始裁剪
    start_x = 0
    # 裁剪第二行
    start_y += height

if __name__ == '__main__':
    pass

目录结构

拆分前后对比