procitec · kreuzberger · Oct 28, 2025 · Oct 28, 2025 · Oct 28, 2025 · Oct 28, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## v2.2.1
+
+- [#17](https://github.com/procitec/qlitehtmlbrowser/issues/17): Scale changed signal
+- [#22](https://github.com/procitec/qlitehtmlbrowser/issues/22): Scaling makes images blurry with css properties `width`
+
 ## v2.2.0
 
 - [#20](https://github.com/procitec/qlitehtmlbrowser/issues/20): Feature Search Text

diff --git a/CMakeLists.txt b/CMakeLists.txt
@@ -1,6 +1,6 @@
 cmake_minimum_required(VERSION 3.28)
 
-project( QLiteHtmlBrowser VERSION 2.2.0 )
+project( QLiteHtmlBrowser VERSION 2.2.1 )
 
 include(GNUInstallDirs)
 

diff --git a/include/qlitehtmlbrowser/QLiteHtmlBrowser.h b/include/qlitehtmlbrowser/QLiteHtmlBrowser.h
@@ -185,6 +185,10 @@ public Q_SLOTS:
   /// send when an anchor is clicked in the document, even if link is not activated, @see setOpenLinks
   void anchorClicked( const QUrl& );
 
+  /// send when scale changes
+  void scaleChanged();
+
+protected:
 private:
   QLiteHtmlBrowserImpl* mImpl = nullptr;
 };
diff --git a/src/QLiteHtmlBrowser.cpp b/src/QLiteHtmlBrowser.cpp
@@ -18,6 +18,7 @@ QLiteHtmlBrowser::QLiteHtmlBrowser( QWidget* parent )
 
   connect( mImpl, &QLiteHtmlBrowserImpl::urlChanged, this, &QLiteHtmlBrowser::sourceChanged );
   connect( mImpl, &QLiteHtmlBrowserImpl::anchorClicked, this, &QLiteHtmlBrowser::anchorClicked );
+  connect( mImpl, &QLiteHtmlBrowserImpl::scaleChanged, this, &QLiteHtmlBrowser::scaleChanged );
 }
 
 QUrl QLiteHtmlBrowser::source() const

diff --git a/src/QLiteHtmlBrowserImpl.cpp b/src/QLiteHtmlBrowserImpl.cpp
@@ -24,6 +24,7 @@ QLiteHtmlBrowserImpl::QLiteHtmlBrowserImpl( QWidget* parent )
 
   shortcut = new QShortcut( QKeySequence{ QKeySequence::Back }, this );
   connect( shortcut, &QShortcut::activated, this, &QLiteHtmlBrowserImpl::backward );
+  connect( mContainer, &container_qt::scaleChanged, this, &QLiteHtmlBrowserImpl::scaleChanged );
 
   auto* layout = new QVBoxLayout;
   layout->setContentsMargins( 0, 0, 0, 0 );

diff --git a/src/QLiteHtmlBrowserImpl.h b/src/QLiteHtmlBrowserImpl.h
@@ -78,6 +78,7 @@ class QLiteHtmlBrowserImpl : public QWidget
   /// emited when the url changed due to user interaction, e.g. link activation
   void urlChanged( const QUrl& );
   void anchorClicked( const QUrl& );
+  void scaleChanged();
 
 private:
   class HistoryEntry

diff --git a/src/container_qt.cpp b/src/container_qt.cpp
@@ -355,7 +355,7 @@ void container_qt::draw_list_marker( litehtml::uint_ptr hdc, const litehtml::lis
   {
     auto url   = resolveUrl( marker.image.c_str(), marker.baseurl );
     auto image = load_pixmap( url );
-    p->drawPixmap( /*scaled*/ ( QRect( marker.pos.x, marker.pos.y, marker.pos.width, marker.pos.height ) ), image );
+    p->drawPixmap( QRect( marker.pos.x, marker.pos.y, marker.pos.width, marker.pos.height ), image );
   }
   else
   {
@@ -537,7 +537,6 @@ void container_qt::draw_background( litehtml::uint_ptr hdc, const std::vector<li
         {
           // qDebug() << "draw_background: image" << bg.image_size.width << bg.image_size.height;
           // qDebug() << "draw_background: pixmap" << pm.width() << pm.height();
-          pm = pm.scaled( bg.image_size.width, bg.image_size.height, Qt::IgnoreAspectRatio, Qt::SmoothTransformation );
           p->drawPixmap( QRect( bg.position_x, bg.position_y, bg.image_size.width, bg.image_size.height ), pm );
         }
         break;
@@ -874,6 +873,7 @@ void container_qt::setScale( double scale )
   findText( mFindText );
   horizontalScrollBar()->setValue( std::floor( relH * horizontalScrollBar()->maximum() ) );
   verticalScrollBar()->setValue( std::floor( relV * verticalScrollBar()->maximum() ) );
+  emit scaleChanged();
 }
 
 void container_qt::get_media_features( litehtml::media_features& media ) const

diff --git a/src/container_qt.h b/src/container_qt.h
@@ -49,6 +49,7 @@ class container_qt : public QAbstractScrollArea, protected litehtml::document_co
 
 Q_SIGNALS:
   void anchorClicked( const QUrl& );
+  void scaleChanged();
 
 protected:
   litehtml::uint_ptr create_font(

diff --git a/test/browser/files/images_01/images/go2signals keyvisual neu.png b/test/browser/files/images_01/images/go2signals keyvisual neu.png
diff --git a/test/browser/files/images_01/images/procitec_info.png b/test/browser/files/images_01/images/procitec_info.png
diff --git a/test/browser/files/images_01/images/procitec_text.png b/test/browser/files/images_01/images/procitec_text.png
diff --git a/test/browser/files/images_01/index-csswidth.html b/test/browser/files/images_01/index-csswidth.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Images Demo</title>
+</head>
+<body>
+
+<div>
+    <p>Image without css width:</p>
+    <img src="images/procitec_text.png"/>
+</div>
+
+<div>
+    <p>Image with 50% css width:</p>
+    <img src="images/go2signals keyvisual neu.png" style="width: 50%;"/>
+</div>
+
+
+<div>
+    <p>Image with 100px width:</p>
+    <img src="images/go2signals keyvisual neu.png" style="width: 100px;"/>
+</div>
+
+
+<div>
+    <p>Image with 100% css width:</p>
+    <img src="images/procitec_info.png" style="width: 100%;"/>
+</div>
+
+
+</body>
+</html>
+
+
diff --git a/test/browser/testbrowser.cpp b/test/browser/testbrowser.cpp
@@ -10,6 +10,8 @@
 #include <QtGui/QPdfWriter>
 #include <QtCore/QDebug>
 #include <QtWidgets/QStyle>
+#include <QtWidgets/QStatusBar>
+#include <cmath>
 
 TestBrowser::TestBrowser()
 {
@@ -99,6 +101,14 @@ TestBrowser::TestBrowser()
   mHelpEngine         = new QHelpEngine( collectionFile );
   mHelpEngine->setupData();
   mBrowser->setHelpEnginge( mHelpEngine );
+
+  auto* statusbar = statusBar();
+  mScale          = new QLabel();
+  mScale->setText( mScaleText.arg( static_cast<int>( std::round( mBrowser->scale() * 100.0 ) ) ) );
+  statusbar->addPermanentWidget( mScale );
+
+  connect( mBrowser, &QHelpBrowser::scaleChanged, this,
+           [this]() { mScale->setText( mScaleText.arg( static_cast<int>( std::round( mBrowser->scale() * 100.0 ) ) ) ); } );
 }
 
 TestBrowser::~TestBrowser()

diff --git a/test/browser/testbrowser.h b/test/browser/testbrowser.h
@@ -5,7 +5,9 @@
 #include <QtWidgets/QMenuBar>
 #include <QtWidgets/QToolBar>
 #include <QtWidgets/QLineEdit>
+#include <QtWidgets/QLabel>
 #include <QAction>
+#include <QtCore/QStringList>
 #include <QtCore/QDir>
 #include <QtHelp/QHelpEngine>
 
@@ -49,4 +51,6 @@ class TestBrowser : public QMainWindow
   QHelpEngine*  mHelpEngine        = nullptr;
   QAction*      mNextFindMatch     = nullptr;
   QAction*      mPreviousFindMatch = nullptr;
+  QLabel*       mScale             = nullptr;
+  QString       mScaleText         = tr( "Zoom: %1%" );
 };