精华内容
参与话题
问答
  • html5中让页面缩放的4种方法

    万次阅读 2014-05-28 12:19:32
    1.viewport 这种方法,不是所有的浏览器都兼容 2.百分比 这种方法,可以兼容大部分浏览器,但是修改幅度比较大 .main .login .txt1{margin-top:8.59375%; position:relative;...这种方法,可以兼容大部分浏览器,...

    1.viewport
    这种方法,不是所有的浏览器都兼容
    <meta name="viewport" content="width=640,minimum-scale=0.5,maximum-scale=1.0,user-scalable=no, initial-scale=1.0" />
    2.百分比
    这种方法,可以兼容大部分浏览器,但是修改幅度比较大
    .main .login .txt1{margin-top:8.59375%; position:relative;}
    3.css transform
    这种方法,可以兼容大部分浏览器,但是页面的位置是居中的
    .w320
    {
    transform: scale(1,1);
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(0.8,0.8); /* Safari and Chrome */
    }
    4.使用响应式布局,但是这样的话得做两个两套界面
    <link rel=“stylesheet” type=“text/css” media=“only screen and (max-width: 480px),only screen and (max-device-width: 480px)” href=“link.css”/>

    建议使用第2,4种

    展开全文
  • 一、新建一个widget类的qt程序,然后添加几个按钮,基本布局如下: 二、在加上按钮之后,需要做的是将之前的qt默认的放大缩小、关闭等系列的功能进行屏蔽,在构造函数中 加上如下的代码: ...

    一、新建一个widget类的qt程序,然后添加几个按钮,基本布局如下:

    二、在加上按钮之后,需要做的是将之前的qt默认的放大缩小、关闭等系列的功能进行屏蔽,在构造函数中

    加上如下的代码:

     setWindowFlags(Qt::FramelessWindowHint);//这边就是相当于直接将qt窗体默认的功能全部取消

    三、开始进行放大、缩小、关闭的设置,可以有两种方式,但实用性较高的是第一种方式:

    第一种方式:

    在构造函数中加上:

       connect(ui->closeButton, SIGNAL(clicked()), this, SLOT(close()));
       connect(ui->minButton, SIGNAL(clicked()), this, SLOT(showMinimized()));
       connect(ui->maxButton, SIGNAL(clicked()), this, SLOT(showMaximized()));

    可以直接实现,以上是第一种较为实用的方式

    第二种,本人认为不太实用:开始通过程序默认的ui文件进入,如图:

    进入程序里,找到如下的位置:

    开始进行信号和槽的绑定工作:

    代码如下:

    QObject::connect(closeButton, SIGNAL(clicked()), Widget, SLOT(close()));
    QObject::connect(minButton, SIGNAL(clicked()), Widget, SLOT(showMinimized()));
    QObject::connect(maxButton, SIGNAL(clicked()), Widget, SLOT(showMaximized())); 

    这个时候可以直接编译,就可以实现放大缩小,但是我们会发现,由于在构造函数中加上了一句

    setWindowFlags(Qt::FramelessWindowHint);就是将直接的代码进行了屏蔽,这样做的结果是直接导致窗体无法进行拖动了

    所以必须重写鼠标事件:

    以下需要重写的鼠标事件是鼠标按下,鼠标释放、鼠标移动

    一、先加上头文件

    #include <QMouseEvent>

    在Widget.h文件中:

    #ifndef WIDGET_H
    #define WIDGET_H
    
    #include <QWidget>
    #include <QMouseEvent>
    
    namespace Ui {
    class Widget;
    }
    
    class Widget : public QWidget
    {
        Q_OBJECT
    
    public:
        explicit Widget(QWidget *parent = 0);
        ~Widget();
    
    private:
        Ui::Widget *ui;
        bool mousepress;
        QPoint point;
    
    protected:
        void mouseReleaseEvent(QMouseEvent *event);
        void mousePressEvent(QMouseEvent *event);
        void mouseMoveEvent(QMouseEvent *event);
    };
    
    #endif // WIDGET_H
    

    在widget.cpp文件中:

    #include "widget.h"
    #include "ui_widget.h"
    
    Widget::Widget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Widget)
    {
        ui->setupUi(this);
        setWindowFlags(Qt::FramelessWindowHint);//这边就是相当于直接将qt窗体默认的功能全部取消
        mousepress = false;
       connect(ui->closeButton, SIGNAL(clicked()), this, SLOT(close()));
       connect(ui->minButton, SIGNAL(clicked()), this, SLOT(showMinimized()));
       connect(ui->maxButton, SIGNAL(clicked()), this, SLOT(showMaximized()));
    }
    
    Widget::~Widget()
    {
        delete ui;
    }
    
    //鼠标释放
    void Widget::mouseReleaseEvent(QMouseEvent *event)
    {
        Q_UNUSED(event);
        mousepress = false;
    }
    
    //鼠标按下
    void Widget::mousePressEvent(QMouseEvent *event)
    {
        if (event->button() == Qt::LeftButton)//判断左键是否按下
        {
            mousepress = true;
            point = event->pos();
        }
    }
    
    //鼠标移动
    void Widget::mouseMoveEvent(QMouseEvent *event)
    {
       if (mousepress)
       {
          move(event->pos() - point + pos());//移动当前窗口
       }
    }
    

    在main文件中:

    #include "widget.h"
    #include <QApplication>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        Widget w;
        w.show();
    
        return a.exec();
    }
    

    最后实现完成,结果如图所示:

    展开全文
  • 一、完成新建工程,并配置完qwt的图形 这个后期会做一个专栏进行说明 二、拖上开始的按钮,布局如图所示: 三、加上头文件: #include <qwt_plot_zoomer.h>...//指针必须进行初始化,否则出现野指针就...

    一、完成新建工程,并配置完qwt的图形

    这个后期会做一个专栏进行说明

    二、拖上开始的按钮,布局如图所示:

    三、加上头文件:

    #include <qwt_plot_zoomer.h>

    并在.h文件中加上声明

    private:
    
    QwtPlotZoomer* zoomer;

    在构造函数中添加:

     zoomer = NULL;//指针必须进行初始化,否则出现野指针就有问题
    

    四、开始进行转到槽的功能,在槽函数中添加:

     ui->qwtPlot->setAxisScale(QwtPlot::yLeft, 0.0,300.0);
        ui->qwtPlot->setAxisScale(QwtPlot::xBottom, 0.0, 300.0);
        if(NULL == zoomer)
        {
         zoomer = new QwtPlotZoomer( ui->qwtPlot->canvas() );
        }
       //zoomer->setMousePattern(QwtEventPattern::MouseSelect3,Qt::RightButton );
       // zoomer->setZoomBase(true);
    //注释的两句一般是配合使用,具体的用处后期研究
    

     

    在.cpp中:

    1、将x轴和y轴设定成一个固定的坐标轴的大小范围,这步的目的就是为了实现后面的右键点击的时候可以还原到一个最初设定的形成,开始跑起来的时候

    进行左键拖动之后,就完成了局部放大的功能如图:

    右键进行点击之后,还原的图形是:

    发现以下两点:1、右键点击一次可以达到一步步还原的功能,按住Ctrl+右键,可以达到一键还原的功能

    2、可以通过快捷键:Esc达到一步还原的功能,这样就基本上实现了基本的左键实现局部放大,右键实现还原的功能

     

    展开全文
  • 页面缩放

    2019-07-19 14:34:09
    之前写移动端页面时,突然出现ios和安卓页面显示不一致的问题,在ios系统上,页面字体,输入框等变得特别小,是使用iframe打开页面的,刚开始以为是打开方式的问题,后来对比其他页面看了一下,才发现是meta的问题,...

    之前写移动端页面时,突然出现ios和安卓页面显示不一致的问题,在ios系统上,页面字体,输入框等变得特别小,是使用iframe打开页面的,刚开始以为是打开方式的问题,后来对比其他页面看了一下,才发现是meta的问题,移动端加上 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">就可以了。

    • width - viewport的宽度 height - viewport的高度
    • initial-scale - 初始的缩放比例
    • minimum-scale - 允许用户缩放到的最小比例
    • maximum-scale - 允许用户缩放到的最大比例
    • user-scalable - 用户是否可以手动缩放

    移动端页面meta

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    

    PC端meta

    <meta charset="utf-8">
    <meta name="keywords" content="your keywords">
    <meta name="description" content="your description">
    <meta name="author" content="author,email address">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    
    
    展开全文
  • 软件高分辨率缩放问题

    万次阅读 2018-08-25 14:18:12
    软件高分辨率缩放问题解决 PS:原本是为了解决Unity的缩放问题,在unity2018.2中已解决缩放分辨率的问题 对于2k+的显示器,系统有时缩放有问题,以下为解决方案 一、win10系统设置 win10会有自带的高分辨率缩放...
  • 图片缩放

    2019-03-18 02:34:15
    NULL 博文链接:https://xhmder.iteye.com/blog/691389
  • div js 缩放方法

    万次阅读 2018-05-31 09:55:51
    话不多说,上代码,要的就是那种直接可以运行的的,ok的 zoomElement(elmnt) { if (elmnt.addEventListener) { // IE9, Chrome, Safari, Opera elmnt.addEventListener('mousewheel', MouseWheelHandler, ...
  • 因此本篇文章中,我们就来对这一功能进行完善,加入点击图片就能浏览大图的功能,并且在浏览大图的时候还可以通过多点触控的方式对图片进行缩放。 如果你还没有看过 Android瀑布流照片墙实现,体验不规则排列的美感 ...
  • Qt 之自定义界面(窗体缩放-跨平台终极版)

    万次阅读 多人点赞 2016-01-21 19:37:24
    简述通过上一节内容,我们实现了窗体的缩放,功能很不错,但是很遗憾-不支持跨平台!如果对于多平台来说,这是一个硬伤,所以,我们急需要一个能够支持跨平台的实现方式。在网上看到过很多不同的实现方式,多多少少...
  • 因为要实现一个功能是,拖动view所在的窗口,可以显示scene中所有的信息,在网上找了很多资料,都是在缩放后通过scrollView进行拖动的,但是这个拖动是有问题的,只是拖动对应的scrollView中的数据,这不是我要进行...
  • 转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/39474553,本文出自:【张鸿洋的博客】1、背景现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到...
  • Python 图片尺寸缩放的4种方式

    万次阅读 多人点赞 2015-01-16 14:56:09
    微信公众号"IT程序猿进化史", 共同学习进化~ https://darylliu.github.io/archives/9c4cfe08.html 最近由于网站对图片尺寸的需要,用python写了个小脚本,方便进行图片尺寸的一些调整,特记录如下: ......
  • 图像缩放算法小结

    万次阅读 多人点赞 2019-04-10 09:33:18
    参考网址: https://blog.csdn.net/lfz_sau/article/details/51366700 http://www.cnblogs.com/blfshiye/p/4823027.html https://en.wikipedia.org/wiki/Lanczos_resampling ...
  • MPAndroidChart之LinChart(3)scale缩放

    万次阅读 2017-05-25 10:41:57
    MPAndroidChart系列: MPAndroidChart 之LineChart(1) MPAndroidChart之LineChart(2)MarkerView ...MPAndroidChart LineChart 缩放 MPAndroidChart使用版本: [java] view plain co
  • opencv: 图像缩放(cv2.resize)

    万次阅读 多人点赞 2017-10-12 19:43:02
    Syntax cv2.resize(src, dsize[, dst[, fx[, fy[, interpolation]]]]) → dst interpolation 选项 所用的插值方法 INTER_NEAREST 最近邻插值 INTER_LINEAR 双线性插值(默认设置) ... ...
  • 缩放矩阵

    千次阅读 2017-11-25 18:58:20
    缩放变换 原文: http://ogldev.atspace.co.uk/www/tutorial08/tutorial08.html CSDN完整版专栏: http://blog.csdn.net/column/details/13062.html 背景 缩放变换非常简单,它的目的是增大或者缩小...
  • Android中图片Bitmap的缩放

    万次阅读 2014-04-08 18:43:47
    在Android开发中,经常会遇到Android图片的缩放问题,比如
  • 引入 属性动画的出现,弥补了补间动画的不足之处,补间动画,只是改变了表面上的东西,但是其中属性并未改变,而属性动画相反,改变了表面上的东西,并且也更改了其属性。 类:ObjectAnimator ...
  • 交互式 QGraphicsView(平移/缩放/旋转)

    万次阅读 多人点赞 2016-12-09 19:09:57
    Graphics View提供了一个平台,用于大量自定义 2D 图元的管理与交互,框架包括一个事件传播架构,支持场景 Scene 中的...和 Google 地图一样,在管理大量 Item 的时候,通常需要 View 具有交互(平移/缩放/旋转)功能。
  • 图像几何变换又叫做图像基本变换,主要包括图像平移、图像缩放和图像旋转几个部分,当然还有图像镜像等简单的内容。图像基本变换是图像处理的基本内容,是学习以后复杂的仿射变换、透视变换以及更高级的MLS网格变形...

空空如也

1 2 3 4 5 ... 20
收藏数 390,150
精华内容 156,060
关键字:

缩放