Comentário: O tutorial HTML5 realiza o efeito de cor gradiente do Photoshop, consulte
<! Doctype html> <head>
<meta charset = utf-8>
<title> linhas de desenho HTML5, círculos, retângulos </ititure>
<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> "> </script </a >>
</head>
<Cript>
$ (document) .ready (function () {
var c = document.getElementById ("drawbox");
var drak = c.getContext ("2d"); // Obtenha uma referência ao conteúdo 2D, ligue para a API de desenho </p> <p> // especifique o bloco de gradiente
var grd = draw.createlineargradiente (50,50,200,50); // coordena, comprimento e largura
grd.addcolorstop (0, "preto"); // Iniciar a cor
grd.addcolorstop (1, "verde"); // cor de ponto final
draw.fillrect (50,50,200,50); // preencha o retângulo
})
</script>
</body>
<lVAs> </canvas>
</body>
</html>
Imagem de reprodução: