Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-123210

QML: Rectangle with rounded corners and border width = 1 shows not good anti-aliasing

    XMLWordPrintable

Details

    • Linux/X11
    • 3b6c8d305 (dev), d8d6153eb (6.7), efdc7318d (6.6), c17ac381f (tqtc/lts-6.5)

    Description

      If you use a QML rectangle with rounded corners and border width = 1, the anti-aliasing of the rounded lines doesn't look good (quite blurry). 

      QML example:

      
      import QtQuick 
      import QtQuick.Controls
      
      Window {
          id: root
      
          visible: true
          width: 300
          height: 200
      
          Rectangle {
              anchors.centerIn: parent
      
              width: 200
              height: 100
              radius: height/2
      
              color: "white"
      
              border.width: 1
              border.color: "blue"
          }
      }
      
      

       

      Note: ** If the border width is set to 2, the result of the anti-aliasing looks much better.

       

      Attachments

        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            vgt Eirik Aavitsland
            m.schuette Marcel Schuette
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Gerrit Reviews

                There are no open Gerrit changes