Próbuję narysować linię, która jest gradientem. Jak to możliwe na płótnie?Jak wykreślić linię gradientu w kanwie HTML?
19
A
Odpowiedz
32
Tak. Przykład:
// 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();
zobaczyć go w akcji tutaj:
Powiązane problemy
- 1. Jak zmienić grubość linii w kanwie HTML?
- 2. Gnuplot: Jak wykreślić każdą linię w pliku po pewnym pauzie
- 3. Jak wykreślić linię brakujących punktów danych w gnuplot
- 4. Stosowanie wypełnienia parzyste-nieparzyste na kanwie HTML
- 5. Jak usprawiedliwić wyrównywanie tekstu w kanwie HTML5?
- 6. haml - jak mogę stworzyć tę linię HTML
- 7. Jak wykreślić fazory sygnałów?
- 8. Rysowanie linii o ciągle zmieniającej się szerokości linii na kanwie HTML
- 9. Jak wykreślić jeden punkt danych?
- 10. Jak zrobić klikalne punkty w kanwie HTML5?
- 11. Jak przyciąć część tekstu w kanwie HTML5?
- 12. Jak narysować ścieżkę częściowo w kanwie HTML5?
- 13. Jak wykreślić następujące w R?
- 14. Jak wykreślić plik WAV
- 15. Jak wykreślić niejawne równania
- 16. Legenda gradientu w bazie
- 17. Jak narysować prostokąt na kanwie WPF
- 18. Jak narysować kursywę na kanwie Androida?
- 19. Jak oznaczyć linię w matplotlib (python)?
- 20. Jak wykreślić funkcję kroku z Matplotlib w Pythonie?
- 21. Jak obcinać krawędzie klipów() w kanwie html5 w przeglądarce Chrome?
- 22. Jak narysować bitmapę szybko w metodzie onDraw() w kanwie android
- 23. Plama gradientu 2d w R
- 24. Jak mogę wykreślić matrycę zamieszania?
- 25. Czy możesz utworzyć tę linię gradientu w cieniu za pomocą CSS3?
- 26. jak przerwać linię lub spację pomiędzy dwoma wierszami tabeli html
- 27. Co setDither, setFilterBitmap i setAntiAlias w kanwie?
- 28. Jak wykreślić 3D Earth w Pythonie?
- 29. Jak wykreślić dwie figury w MATLAB
- 30. Jak wykreślić wiele Seaborn Jointplot w subplot
Szukasz czegoś takiego: http://diveintohtml5.org/canvas.html#gradients? –
tak. Chciałem zastosować go do linii i zorientowałem się, że działa ctx.strokeStyle. – Nasir