博客图片点击放大,再点恢复原状

1. js代码部分放于页脚HTML代码

  

2. html代码部分也放于页脚HTML代码

<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: auto;width: 46.6325%;border: 0; 
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" />
</div> 

大功告成!
796913-20180110163809301-1315412881.png

转载于:https://www.cnblogs.com/zhanxiaoyun/p/8259451.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你希望用户可以在程序中自由切换放大恢复原样,可以使用 `QApplication::setHighDpiScaleFactorRoundingPolicy` 函数来设置缩放因子,并使用 `QWidget::setFixedSize` 函数来动态调整窗口大小。 以下是一个示例代码,其中我们添加了两个按钮,一个用于放大程序,另一个用于恢复原样: ```cpp #include <QApplication> #include <QMainWindow> #include <QPushButton> int main(int argc, char *argv[]) { QApplication app(argc, argv); app.setAttribute(Qt::AA_EnableHighDpiScaling); QMainWindow window; QPushButton button("Hello, world!", &window); window.setCentralWidget(&button); QPushButton zoomInButton("Zoom In", &window); QPushButton zoomOutButton("Zoom Out", &window); QObject::connect(&zoomInButton, &QPushButton::clicked, [&]() { QGuiApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough); window.setFixedSize(window.size() * 2); }); QObject::connect(&zoomOutButton, &QPushButton::clicked, [&]() { QGuiApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough); window.setFixedSize(window.size() / 2); }); QHBoxLayout *layout = new QHBoxLayout(); layout->addWidget(&zoomInButton); layout->addWidget(&zoomOutButton); QVBoxLayout *mainLayout = new QVBoxLayout(); mainLayout->addWidget(&button); mainLayout->addLayout(layout); QWidget *widget = new QWidget(); widget->setLayout(mainLayout); window.setCentralWidget(widget); window.show(); return app.exec(); } ``` 在这个示例中,我们创建了两个按钮,一个用于放大程序,另一个用于恢复原样。当用户点放大按钮时,我们使用 `QGuiApplication::setHighDpiScaleFactorRoundingPolicy` 函数将缩放因子设置为 `1.0`,然后使用 `QWidget::setFixedSize` 函数将窗口大小调整为原来的两倍。当用户点恢复原样按钮时,我们也使用 `QGuiApplication::setHighDpiScaleFactorRoundingPolicy` 函数将缩放因子设置为 `1.0`,然后将窗口大小调整为原来的一半。同时,我们使用布局管理器来将按钮添加到主窗口中。 当用户点放大恢复原样按钮时,程序会动态调整窗口大小并更新显示内容,所有的元素都会以相应的比例进行缩放。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值