Sto provando a disegnare una linea che è una sfumatura. Com'è possibile nella tela?Come posso tracciare una linea di sfumatura nella tela HTML?
19
A
risposta
32
Sì. Esempio:
// linear gradient from start to end of line
var grad= ctx.createLinearGradient(50, 50, 150, 150);
grad.addColorStop(0, "red");
grad.addColorStop(1, "green");
ctx.strokeStyle = grad;
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(150,150);
ctx.stroke();
vederlo in azione qui:
Problemi correlati
- 1. Tracciare una linea su tela con stile personalizzato (Delphi)
- 2. Come tracciare dati specificati nella linea spessa
- 3. Come tracciare una linea tra due div?
- 4. Tracciare una linea in un div
- 5. Aggiungi sfumatura sfumatura nella parte inferiore di uitableviewcell/uiimageview
- 6. Come inserire la larghezza percentuale nella tela html (no css)
- 7. IOS: tracciare una linea con il dito
- 8. Come posso tracciare una matrice di confusione?
- 9. Tracciare una linea per due punti
- 10. Android tracciare una linea orizzontale tra viste
- 11. Come tracciare una linea di colore sfumato in matplotlib?
- 12. tracciare una linea in un ggplot2
- 13. Tracciare una linea orizzontale usando matplotlib
- 14. Tracciare la linea perpendicolare ad una linea in OpenCV
- 15. Come tracciare una linea liscia con le antialias
- 16. Come posso variare lo spessore della linea in canvas HTML?
- 17. Come disegnare una sfumatura liscia/retinata su una tela in Android
- 18. Tracciare la linea montato (OpenCV)
- 19. Modifica del colore del testo su 2 lati della linea di sfumatura diagonale in html
- 20. Aggiungi una linea orizzontale per tracciare e legenda in ggplot2
- 21. Come posso tracciare ± sqrt (x) in una funzione?
- 22. Chart.js - tracciare la linea orizzontale
- 23. Html sulla tela?
- 24. Curva di Bezier e tela
- 25. Posso disegnare una linea usando jQuery?
- 26. Metodo efficiente per tracciare una linea con milioni di punti
- 27. Elenca colori univoci in una tela HTML
- 28. Come creare una tabella HTML in linea
- 29. come posso creare una linea di spessore arbitrario usando Bresenham?
- 30. Come posso simulare lo z-index nella tela
Siete alla ricerca di qualcosa di simile: http://diveintohtml5.org/canvas.html#gradients? –
sì. Volevo applicarlo a una linea e ho capito che ctx.strokeStyle funziona. – Nasir