Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Qt(QML)虚线圆_Qt_Html5 Canvas_Qml - Fatal编程技术网

Qt(QML)虚线圆

Qt(QML)虚线圆,qt,html5-canvas,qml,Qt,Html5 Canvas,Qml,有没有办法在QML中画半虚线圆?我这样画了半圆 var Circle = getContext("2d"); Circle.save(); var CircleGradient = Circle.createLinearGradient(parent.width/4,parent.height,parent.width/4,0); CircleGradient.addColorStop(0, firstGradientPoint)

有没有办法在QML中画半虚线圆?我这样画了半圆

   var Circle = getContext("2d");
          Circle.save();
          var CircleGradient = 
 Circle.createLinearGradient(parent.width/4,parent.height,parent.width/4,0);
        CircleGradient.addColorStop(0, firstGradientPoint);
                  CircleGradient.addColorStop(1, secondGradientPoint);
                  Circle.clearRect(0, 0, parent.width, parent.height);
                  Circle.beginPath();
                  Circle.lineCap = "round";
                  Circle.lineWidth = 10;
                  Circle.strokeStyle = CircleGradient
                  Circle.arc(parent.width/2, parent.height/2, canvas.radius - (Circle.lineWidth / 2), Math.PI/2, canvas.Value);
                  Circle.stroke();
                  Circle.restore();
结果

但是我怎样才能让它像这样被冲掉呢

我需要


我对QML略知一二,但从未编码过。 但是你可以用逻辑来解决你的问题

这里是逻辑-下面的代码是伪代码,不会工作,但会给你一个想法

在循环中绘制小圆弧,中间有空格。

//DECLARE YOUR ANGLES START AND END
startAngle = 0.0;
endAngle = pi/20;// 10 ARCS AND 10 SPACES

 while (q++ < 10){

   Circle.arc(parent.width/2, parent.height/2, canvas.radius - (Circle.lineWidth / 2), startAngle, endAngle, canvas.Value)

   //LEAVE SPACE AND CREATE NEW START AND END ANGLE.
   startAngle = endAngle + endAngle;
   endAngle  = startAngle + endAngle;
 }
//声明角度的起点和终点
startAngle=0.0;
端角=π/20;//10个弧和10个空间
while(q++<10){
圆弧(parent.width/2,parent.height/2,canvas.radius-(Circle.lineWidth/2),startAngle,endAngle,canvas.Value)
//留出空间并创建新的起点和终点角度。
startAngle=端角+端角;
endAngle=startAngle+endAngle;
}

我知道这个问题已经过时了,但它可能会帮助一些人。您可以使用(从Qt5.10开始)渲染所需内容。这不是复制粘贴代码,而是一种方法:

Shape {
    ShapePath {
        id: shapePath
        strokeColor: "black"
        strokeStyle: ShapePath.DashLine
        dashPattern: [6, 8]
        fillColor: "transparent"

        PathArc {
            x: 0
            y: radiusX + radiusY
            radiusX: 100
            radiusY: 100
            useLargeArc: true
        }
    }
}

文档包含了您需要的几乎所有内容。这里还有一些。

请提供一个可以执行和测试的最小代码。不幸的是,QML画布实现没有实现
setLineDash()
方法,即使它应该是HTML画布兼容的。。。因此,您要么需要按照答案所示绘制一系列中断线,要么可以使用
QQuickPaintedItem
实现,该实现使用
QPainter
可以绘制虚线。