php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧

推荐一个简单实用的缩放图片工具 SimpleImage,参考http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/

使用方法:

设定宽高,不等比例缩放

复制代码 代码如下:

<?php
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->resize(250,400);
$image->save('picture2.jpg');?>

设定宽度,等比例缩放

<?php
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->resizeToWidth(250);
$image->save('picture2.jpg');?>

设定高度,等比例缩放

<?php
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->resizeToHeight(500);
$image->save('picture2.jpg');
$image->resizeToHeight(200);
$image->save('picture3.jpg');?>

按比例,缩放至50%

<?php
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->scale(50);
$image->save('picture2.jpg');?>

缩放后直接输出到屏幕

<?php
header('Content-Type: image/jpeg');
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->resizeToWidth(150);
$image->output();?>

SimpleImage.php 源码请轻点文章开头链接,到那下载

时间: 2024-10-31 05:00:24

php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧的相关文章

把ckeditor上传完图片后宽高固定成100%,在哪里修改,哪位大神帮帮忙?

问题描述 把ckeditor上传完图片后宽高固定成100%,在哪里修改,哪位大神帮帮忙? 解决方案 修改CKEditorpluginsimagedialogsimage.js这个文件,找到下面2句,替换为下面的 C.setValueOf('info''txtWidth'D.$.width)C.setValueOf('info''txtHeight'D.$.height)=======>C.setValueOf('info''txtWidth''100%')C.setValueOf('info''

javascript-如何使用js控制浏览器缩放的最小宽高?

问题描述 如何使用js控制浏览器缩放的最小宽高? 这个只适用于ie,其他浏览器好像默认禁用这种行为吧,求兼容 <!DOCTYPE html><html lang=""en""><head> <meta charset=""UTF-8""> <title>window</title> <script src=""js/jquery-

imageview-ImageView放入图片后宽高变化

问题描述 ImageView放入图片后宽高变化 屏幕尺寸1920*1080,图片尺寸也是1920*1080,图片放入一个ImageView中然后获得的ImageView的却是1845*1080,而且宽度虽然一直却两边都有留白,请教这到底是为什么? 解决方案 不知道你的ImageView是怎么申明的.不过可以用LayoutParams改变ImageView的宽高 ImageView imageView = new ImageView(this); int width = ...;//px单位 in

js判断图片加载完成后获取图片实际宽高的方法_javascript技巧

本文实例讲述了js判断图片加载完成后获取图片实际宽高的方法.分享给大家供大家参考,具体如下: 通常,我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度,但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高,这显然在有些时候不是我们想要的结果,那么有没有一种方法来获取这样的实际宽高呢?答案是有的.下面的代码就能解决这样的问题: <img src="01.jpg&q

JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

JS获取图片实际宽高,以及根据图片大小进行自适应 复制代码 代码如下: <img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/xxx.jpg id="imgs" onload="adapt();"/> 复制代码 代码如下: function adapt(){ var tableWidth = $("#imgTable").width(); //表格宽度 var img = n

Js获取图片原始宽高的实现代码_javascript技巧

如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(img) { var image = new Image(); image.src = img.src; return [image.width,image.height]; } //点击缩略图弹出层,显示原始图片. //获取class为tz_main_box下的所有p标签下的图片img $(".tz_

jQuery获取file控件中图片的宽高与大小_jquery

问题 如何判断input file表单里上传的图片的宽高和大小呢? 解决方案 这个时候图片还没真正上传,也不是在页面上展示,不能使用$("#id").width(),$("#id").height()这种方式. 在Stack Overflow找到一个方法获取input file图片文件的宽高: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) { v

jQuery获取intput file图片的宽高

如何判断input file表单里上传的图片的宽高呢?这个时候图片还没真正上传,也不是在页面上展示,不能使用$("id").width()这种方式. 在Stack Overflow找到一个方法: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) {     var file, img;     if ((file = this.files[0])) {        

jquery 图片预加载 自动等比例缩放插件_jquery

复制代码 代码如下: /* **************图片预加载插件****************** ///作者:没剑(2008-06-23) ///http://regedit.cnblogs.com ///说明:在图片加载前显示一个加载标志,当图片下载完毕后显示图片出来 可对图片进行是否自动缩放功能 此插件使用时可让页面先加载,而图片后加载的方式, 解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局的问题 ///参数设置: scaling 是否等比例自动缩放 width 图片最大