当我们在csdn上写博客的时候插入的图片都是默认格式而且很难进行修改,在排版的时候经常会很难受,比如像这样
同时图片下方会有几行链接,我们用F12查看网页源码可以看出这是图片的地址https://img-blog.csdnimg.cn/a2299d2d1af24ae6ba975ef320bc940f.jpeg,在请教了同学之后我发现可以用阿里云oss的图像处理功能来对图片进行调整,下面简单介绍一下
图片缩放
首先我们在链接后面加上?x-oss-process=image/,官网上有不同的缩放方式,这边举等比例缩放的例子,直接在链接后面加上resize,p_和要缩放的比例,这边举按200%比例放大的例子,完整链接就是https://img-blog.csdnimg.cn/a2299d2d1af24ae6ba975ef320bc940f.jpeg?x-oss-process=image/resize,p_200
图片旋转
同样我们首先在链接后面加上?x-oss-process=image/,再按照官网上的样例加上rotate,就是旋转,最后加上旋转的角度,这里举旋转70度的例子,完整链接就是https://img-blog.csdnimg.cn/a2299d2d1af24ae6ba975ef320bc940f.jpeg?x-oss-process=image/rotate,70
添加图片标注
这次对图片的处理并没有用到oss的参数,而是直接在图片下方增加这行代码
<center><b><font size ='3'>这是图片的标注</font></b></center></font>
其他
关于图片的其他处理可以访问阿里云oss的官网https://www.alibabacloud.com/help/zh/object-storage-service/latest/image-processing-overview,上面有更多的处理参数