1
Je souhaite créer une flèche de dégradé animée. Je veux créer un arrière-plan animé pour la flèche. J'ai utilisé le code suivant, mais il n'affiche pas de dégradé animé en arrière-plan de la flèche.Créer des dégradés animés arrow
Canvas {
id: arrowDown
width: parent.height/3
height: width
antialiasing: true
...
property real centerWidth: width/2
property real centerHeight: height/2
property real radius: (Math.min(arrowDown.width, arrowDown.height)*2)/(2*Math.PI)
onPaint: {
var ctx = getContext("2d");
ctx.save();
ctx.clearRect(0, 0, arrowDown.width, arrowDown.height);
ctx.beginPath();
ctx.lineWidth = 8;
ctx.moveTo(arrowDown.centerWidth,arrowDown.centerHeight-arrowDown.radius/2);
ctx.strokeStyle = secondaryColor
ctx.lineTo(arrowDown.centerWidth,
arrowDown.centerHeight+arrowDown.radius/2);
ctx.lineTo(arrowDown.centerWidth+arrowDown.centerWidth/4,
arrowDown.centerHeight+arrowDown.radius/4);
ctx.moveTo(arrowDown.centerWidth,
arrowDown.centerHeight+arrowDown.radius/2);
ctx.lineTo(arrowDown.centerWidth-arrowDown.centerWidth/4,
arrowDown.centerHeight+arrowDown.radius/4);
var gradient = ctx.createLinearGradient(0, 0, 100, 100);
gradient.addColorStop(0.3, Qt.rgba(1, 0, 0, 1));
gradient.addColorStop(0.7, "white");
ctx.stroke();
ctx.restore();
}
Timer {
......
}
D'où vient 'arrowDown' venir? Vous devez fournir un exemple minimal et complet. – Mitch