QML Canvas + Line. Bug?

Question

modos189July 12, 2017, 12:05 a.m.

QML Canvas + Line. Bug?

Пришлось порисовать, использовал для этого канвас. И оказалось, что он как-то глючно работает.

Во-первых, появляются артефакты при большом количестве отрисовываемых элементов (алгоритм был очень неоптимизированный, исправил, потому пример дать не могу),
Во-вторых, такой артефакт стабильно держится: если для отрисовываемой линии lineWidth выставлен больше одного, а следующая линия расположена под небольшим углом к прошлой линии, то появляется продолжение линии. Вот небольшой код, на котором у меня это повторяется. Qt 5.9.0 GCC 64bit, Linux Debian

    Canvas {
        id: myCanvas
        anchors.fill: parent

        onPaint: {
            var ctx = getContext('2d')

            ctx.lineWidth = 3
            ctx.strokeStyle = "#37474f"
            ctx.beginPath()
            ctx.moveTo(130.5, 38);
            ctx.lineTo(130.5, 150);
            ctx.lineTo(126, 85);
            ctx.stroke()
        }
    }

На скриншоте видно разницу с HTML версией canvas, как это должно выглядеть.

Screenshot_20170711_204635.png

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription99

Do you like it? Share on social networks!

July 12, 2017, 2:30 a.m.
The answer was marked as a solution.

В QML у Context2D в Canvas есть свойство miterLimit, выставьте его на 1 или даже на 0.1 тогда будет выглядеть так, как вы хотите.

    Canvas {
          id: myCanvas
          anchors.fill: parent


          onPaint: {
              var ctx = getContext('2d')

              ctx.lineWidth = 3
              ctx.miterLimit = 0.1  // Вот эта настройка
              ctx.strokeStyle = "#37474f"
              ctx.beginPath()
              ctx.moveTo(130.5, 38);
              ctx.lineTo(130.5, 150);
              ctx.lineTo(126, 85);
              ctx.stroke()
          }
      }

QML Canvas + Line. Bug?

We recommend hosting TIMEWEB

Comments