精华内容
参与话题
问答
  • 图片缩放

    千次阅读 2005-02-22 09:19:00
    if(isset($_GET["filename"])){ $srcfile = $_GET["filename"];...}/* * 图片缩放 * $srcfile 源图片, * $rate 缩放比,默认为缩小一半,或者具体宽度象素值 * 例如: resizeimage("zt32.gif",".1");

    <?php
    if(isset($_GET["filename"])){
     $srcfile = $_GET["filename"];
     //echo $srcfile;
     resizeimage($srcfile, 100);
    }

    /*
     * 图片缩放 
     * $srcfile 源图片,
     * $rate 缩放比,默认为缩小一半,或者具体宽度象素值
     * 例如: resizeimage("zt32.gif",".1");
     * 例如: resizeimage("zt32.gif","250");
     * 说明:调用时直接把函数的结果放在HTML文件IMG标签中的SRC属性里
     */
    function resizeimage($srcfile,$rate=.5){
     $size=getimagesize($srcfile);
     switch($size[2]){
      case 1:
       $img=imagecreatefromgif($srcfile);
       break;
      case 2:
       $img=imagecreatefromjpeg($srcfile);
       break;
      case 3:
       $img=imagecreatefrompng($srcfile);
       break;
     }
     //源图片的宽度和高度
     $srcw=imagesx($img);
     $srch=imagesy($img);
     //目的图片的宽度和高度
     if($size[0] <= $rate || $size[1] <= $rate){
      $dstw=$srcw;
      $dsth=$srch;
     }else{
      if($rate <= 1){
       $dstw=floor($srcw*$rate);
       $dsth=floor($srch*$rate);
      }else {
       $dstw=$rate;
       $rate = $rate/$srcw;
       $dsth=floor($srch*$rate);
      }
     }
       //echo "$dstw,$dsth,$srcw,$srch ";
     //新建一个真彩色图像
     $im=imagecreatetruecolor($dstw,$dsth);
     $black=imagecolorallocate($im,255,255,255);
     
     imagefilledrectangle($im,0,0,$dstw,$dsth,$black);
     imagecopyresized($im,$img,0,0,0,0,$dstw,$dsth,$srcw,$srch);
     // 以 JPEG 格式将图像输出到浏览器或文件
     imagejpeg($im);
     //释放图片
     imagedestroy($im);
     imagedestroy($img);
    }
    ?>

    展开全文
  • android图片缩放放大

    千次下载 热门讨论 2012-09-02 10:57:53
    android图片缩放、放大demo,android图片缩放、放大demo.
  • Qt 图片缩放,支持滚轮和按键缩放

    热门讨论 2015-11-05 13:37:46
    Qt5.3.2 实现的图片缩放,支持滚轮和按键缩放,复位,切换图片
  • CSS实现图片缩放

    千次阅读 2019-10-21 22:18:31
    图片缩放需要用到两个属性 transition和transform transition 属性是一个简写属性,用于设置四个过渡属性: transition-property 用于设置图片的缩放方向 默认为all 即等比例缩放 可以指定width或者height ...

    图片缩放需要用到两个属性
    transition和transform

    transition 属性是一个简写属性,用于设置四个过渡属性:
    transition-property 用于设置图片的缩放方向 默认为all 即等比例缩放 可以指定width或者height
    transition-duration 规定缩放所需要的时间 默认0 通常设置为1s
    transition-timing-function 规定过渡效果的速度曲线 默认为ease

    linear 规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。
    ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。
    ease-in 规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。
    ease-out 规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))。
    ease-in-out 规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))。
    cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。
    transition-delay 规定过渡效果何时开始。默认为0 即马上开始 可以设置为秒或毫秒

    transform属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

    none 定义不进行转换。 matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。
    matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D 转换,使用 16 个值的 4x4
    矩阵。 translate(x,y) 定义 2D 转换。 translate3d(x,y,z) 定义 3D 转换。
    translateX(x) 定义转换,只是用 X 轴的值。 translateY(y) 定义转换,只是用 Y 轴的值。
    translateZ(z) 定义 3D 转换,只是用 Z 轴的值。 scale(x,y) 定义 2D 缩放转换。
    scale3d(x,y,z) 定义 3D 缩放转换。 scaleX(x) 通过设置 X 轴的值来定义缩放转换。
    scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 scaleZ(z) 通过设置 Z 轴的值来定义 3D 缩放转换。
    rotate(angle) 定义 2D 旋转,在参数中规定角度。 rotate3d(x,y,z,angle) 定义 3D 旋转。
    rotateX(angle) 定义沿着 X 轴的 3D 旋转。 rotateY(angle) 定义沿着 Y 轴的 3D 旋转。
    rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。 skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的
    2D 倾斜转换。 skewX(angle) 定义沿着 X 轴的 2D 倾斜转换。 skewY(angle) 定义沿着 Y 轴的 2D
    倾斜转换。 perspective(n) 为 3D 转换元素定义透视视图。

    展开全文
  • vs picturebox 图片缩放

    2020-03-11 15:00:03
    想间的实现一个图片缩放功能。分析后发现使用vs 自带的picture box的功能就能实现。具体思路如下: 把picturebox的sizemode设置成stretch,这样图片加载后会自动按照picturebox的size铺满控件。 只要控制...

    想实现一个图片缩放功能。分析后发现使用vs 自带的picture box的功能就能实现。具体思路如下:

    把picturebox的sizemode设置成stretch,这样图片加载后会自动按照picturebox的size铺满控件。

    只要控制picturebox的控件大小就能实现图片的缩放。

    后来考虑到窗体大小是固定的,图片放大太多之后部分图片无法显示,于是把picturebox放到了panel中,

    给picturebox添加了拖拽功能,这样图片放大后无法显示的部分可以通过拖拽查看。

    而且在picture box中添加了对鼠标滚轮的相应。具体代码如下:

    designer

    中需要手动添加鼠标滚轮对应的事件:

    this.pictureBox1.MouseWheel += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseWheel);

    画面的设计效果如下:

    鼠标滚轮事件:

            private void pictureBox1_MouseWheel(object sender, MouseEventArgs e) {
                if (e.Delta > 0)
                {
                    pictureBox1.Width += 100;
                    pictureBox1.Height += 100;
                }
                else
                {
                    pictureBox1.Width -= 100;
                    pictureBox1.Height -= 100;
                }
            }

    e.Delta用来判断滚轮上滑,下滑。

    picturebox的mouse up,mouse down用来保存鼠标拖拽的前后位置。

    其中只做了简单的picturebox的移动处理,用mouse up的坐标减去mouse down的坐标来处理picturebox的移动。

            private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
            {
                textBox2.Text = e.X.ToString();
                textBox4.Text = e.Y.ToString();
                pictureBox1.Left = pictureBox1.Left + (Convert.ToInt32(textBox2.Text) - Convert.ToInt32(textBox1.Text));
                pictureBox1.Top = pictureBox1.Left + (Convert.ToInt32(textBox4.Text) - Convert.ToInt32(textBox3.Text));
            }

    打完收工。

     

     

     

     

     

     

    展开全文
  • ios 图片缩放 失真

    2017-08-19 19:24:26
    ios 图片缩放 失真

    失真用红色代码起作用:




            UIImageView *_lockImage = (UIImageView *)[cell.contentView viewWithTag:lockTag];



            UIImage *image = [UIImage imageNamed:@"lock.png"];

            CGSize size=image.size;     

             //UIGraphicsBeginImageContext(size);  如果用这个就失真

             UIGraphicsBeginImageContextWithOptions(size, NO, 0.0);

            [image drawInRect:CGRectMake(0, 0, size.width/1.5, size.height/1.5)];//缩放比例

            

            UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext();

            UIGraphicsEndImageContext();

      


            _lockImage.image=scaledImage;

          // _lockImage.contentMode = UIViewContentModeScaleAspectFit; //不起作用

            


    展开全文
  • Java实现图片缩放(等比例)

    千次阅读 2019-12-10 11:28:34
    Java实现图片缩放
  • markdown 图片缩放

    2015-06-29 17:48:32
    说明markdown本身是不支持图片缩放功能的,但可以借助img标签来实现图片缩放效果。缺省长度值时,会根据设定的宽度等比缩放。效果图md![这里写图片描述](http://img.blog.csdn.net/20150629163508413)效果图
  • jquery实现图片缩放

    千次阅读 2019-06-20 09:53:24
    jquery实现图片缩放 <img id="img" onmousewheel="return imgScale(this)"> function imgScale(obj){ //alert(parseInt(obj.style.zoom,10)); var zo...
  • js 实现图片缩放

    千次阅读 2019-08-28 10:27:11
    js 实现图片缩放图标保持大小不变,位置相对于图片移动 发布时间:2018-08-13 19:01:18 html <div name="images1" style="zoom: 1; transform: scale(1); width: 5146px; height: 4583px;" id="images1"> <...
  • Android图片缩放123

    2015-02-15 15:42:02
    图片缩放的注意事项图片缩放中常用的有:1.BitmapFactory.Options;2.Matrix
  • CSS设置图片缩放

    千次阅读 2016-09-25 15:37:27
    CSS设置图片缩放  CSS设置图片的大小和HTML中一样,也是通过width和height属性实现的,不同的是,CSS中可以有更多的值。  和文字大小一样,图片的大小也可以设置相对值和绝对值,例如,当设置width的值为50%,...
  • Android图片缩放效果代码

    千次阅读 2013-12-21 10:08:51
    Android图片缩放效果代码: /*** * 图片的缩放方法 * * @param bgimage 源图片资源 * @param newWidth 缩放后宽度 * @param newHeight 缩放后高度 * @return 缩放后的图片 */
  • 在QLabel中添加图片并且能根据滚轮进行缩放, 请问如何根据鼠标位置进行图片缩放? 给点具体的思路..
  • Android——图片缩放(双击放大、手势缩放)前言:通过双击图片实现图片的放大缩小;通过手势来进行图片的放大缩小。
  • 鼠标滚轮实现图片缩放

    千次阅读 2016-06-13 17:05:07
    鼠标滚轮实现图片缩放
  • java图片缩放

    千次阅读 2013-06-08 16:31:29
    import java.awt.Graphics2D; import java.awt.geom.AffineTransform; import java.awt.image.BufferedImage; ...public final class ImageUtil {... // 图片缩放。 public static BufferedImage reSize(BufferedIma
  • 目前有很多的图片缩放功能,我也借鉴很多的 资料完成来写这个代码,说实话 java 里面有个叫 BufferedImage 这个类,里面的方法 器就是解决图片的缩放功能不说废话直接上代码 /* * 图片缩放,w,h为缩放的目标宽度...
  • [转]图片自动缩放 js图片缩放

    千次阅读 2009-03-22 23:26:00
    转自:http://hi.baidu.com/crystalhx/blog/item/deba9b2320274340ac34de09.html图片自动缩放 js图片缩放2008-03-27 10:48 图片自动缩放 js图片缩放对于不指定大小的图片默认是以原大小显示,所以在不指定大小的...
  • 图片缩放 更新时间:2019-06-27 10:12:31 编辑我的收藏 本页目录 图片缩放参数 图片缩放注意事项 图片缩放示例 SDK 示例 阿里云OSS的图片处理功能支持处理上传至OSS的图片文件,本文主要介绍如何进行图片缩放...
  • 那么需要在目标图片的右下角创建一个图片并作为目标图片的子物体,然后把右下角图片的锚点设置为右下角对齐,最后把功能脚本挂载在右下角图片的物体上,通过拖动它控制目标图片缩放尺寸,如下图: 脚本如下: ...
  • web前端 图片缩放特效

    千次阅读 2017-06-19 22:56:34
    web前端 图片缩放特效 如下图: 当鼠标进入div框内;图片发生放大或缩小
  • Glide加载图片缩放模式

    千次阅读 2018-04-11 01:30:29
    Glide加载图片缩放模式 前不久做一个水平图片滑动列表选择,效果类似于QQ发送图片。因为图片的长宽比不一致,而高度是固定的,所以就要对图片进行特殊拉伸。所以就看了下Glide拉伸这一块的源码。废话不多说了,下面...
  • JQuery——图片缩放和截图发送

    千次阅读 2017-07-11 14:26:28
    记录一下图片缩放 和截图发送!图片缩放 https://yihui.name/cn/2007/09/highslide-and-lightbox/ http://www.zhangxinxu.com/jq/balupton_zh/demo/ http://www.dowebok.com/demo/214/ ...
  • python图像处理——图片缩放与裁剪工具 使用场景 图片缩放与裁剪工具利用画布技术可读取图片,按照像素对图片进行缩放操作,可选择图片裁剪区域或设定裁剪大小拖动选择裁剪区域对图片进行裁剪,可保存处理后的图片...
  • SurfaceView实现图片缩放,移动加标记

    热门讨论 2013-03-13 15:28:13
    android用SurfaceView实现图片缩放、移动,加标记标注,类似地图缩放效果,地图标记功能,顺带安卓发送电子邮件,含多附件发送,参考了几个帖子整理的
  • MarkDown图片缩放

    2020-03-07 10:57:59
    关于MarkDown处理的过程中,我们需要对上传的图片进行缩放以适应文档的格式。 1、HTML标签(推荐) <div align="center"> <img src="" width="50%"> </div> 将图片按比例缩小为原来的50% 2、云...
  • UIScrollView结合UIImageView实现图片缩放

    千次阅读 2019-01-10 18:03:44
    实现UIImageView的图片缩放功能,需要结合UIScrollView实现。 示例代码 // 定义缩放比例 CGFloat scaleMini = 1.0; CGFloat scaleMax = 3.0; // 主视图 UIScrollView UIScrollView *scrollView = [[UIScrollView ...
  •  手势状态控制图片的缩放和移动(双击放大,俩指滑动图片缩放) MainActivity: package com.example.pointerstouchevent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle;

空空如也

1 2 3 4 5 ... 20
收藏数 21,032
精华内容 8,412
关键字:

图片缩放