width：宽度
height：高度
-- img标签中的width和height 这两个属性的作用：是用来告诉标签将来需要显示的图片的宽和高
-- 如果 img 标签没有指定需要现实的图片宽高，那么系统会按照图片默认的宽高显示
-- 如果img 标签指定了宽高，那么粗肆昌系统会按照指定的宽高显示
-- 如果我们手动指定了img标签的宽高，有可能导致图片变形；如果想指定宽高的图片不变形，可以指定宽度或高度的其中一个值即可雹念，只要指定其中一个值（高 / 宽 ），系统会自动根据该值计算出对应的宽岩扒 / 高，并且等比拉伸，不会变形
23、图像的缩放和旋转
from PIL import Image
#导入图片处理库 pillow
import matplotlib.pyplot as plt
from matplotlib.font_manager import FontProperties
#引入本地字体文件，用于下面title的打印，不然中文会有乱知和掘码
font_set = FontProperties(fname=r"c:\windows\fonts\simsun.ttc", size=12)
#打开图片(本地图片的路径D:/......)
img = Image.open('D:/2022/图片/春天/猫.jpeg')
plt.figure("beauty")
plt.subplot(2,3,1), plt.title('棚拿原图')
plt.imshow(img),plt.axis('off')
plt.subplot(2,3,2), plt.title('左右互换')
dst1 = img.transpose(Image.FLIP_LEFT_RIGHT) #左右互换
plt.imshow(dst1),plt.axis('off')
plt.subplot(2,3,3), plt.title('上下互换')
dst2 = img.transpose(Image.FLIP_TOP_BOTTOM) #上下互换
plt.imshow(dst2),plt.axis('off')
plt.subplot(2,3,4), plt.title('反时针旋转90度')
dst3 = img.transpose(Image.ROTATE_90) #反时针旋转
plt.imshow(dst3),plt.axis('off')
plt.subplot(2,3,5), plt.title('反时针旋转180度')
dst4 = img.transpose(Image.ROTATE_180)
plt.imshow(dst4),plt.axis('off')
plt.subplot(2,3,6), plt.title('反时针搭核旋转270度')
dst5 = img.transpose(Image.ROTATE_270)
plt.imshow(dst5),plt.axis('off')
plt.show()
1 图片的旋转实现方式有很多，比如js实现，现在比较简单的方法是使用css3里面的；transform属性来实现，很方便的。其实这个题目很简单，庆枯悄在百度里面搜索一下css3旋转就看到了，里面的手册介绍的很清楚誉渣，下面是代码以及显示效果都呈现出来；
2 下面是写的一个实例代码，代码败蠢可以直接运行。代码的解释有备注哦；总共代码呢其实没有几行，主要就是 transform属性的应用 代码中的90deg就是90度的意思
<!DOCTYPEhtml>
<html>
<head>
<style>
body{margin:0pxpadding:0px}
/*{transform就是专门为img图片设置的旋转*/
#img1{transform:rotate(90deg)border:1pxsolidred}
</style>
</head>
<body>
<imgid="img1"src="38.png"/>/*页面中显示的图片*/
</body>
</html>
3代码在浏览器的运行效果图：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）