Комментарий: Учебник HTML5 осознает градиент цветовой эффект Photoshop, пожалуйста, см.
<! Doctype html> <head>
<meta charset = utf-8>
<Title> HTML5 линии чертежей, круги, прямоугольники </title>
<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> "> </script </a >>
</head>
<Скрипт>
$ (document) .ready (function () {
var c = document.getElementById ("DrawBox");
var draw = c.getcontext ("2d"); // Получить ссылку на 2D -контент, вызовите API чертежа </p> <p> // Укажите блок градиента
var grd = draw.createlineargradient (50,50,200,50); // координаты, длина и ширина
grd.addcolorstop (0, «черный»); // начало цвет
grd.addcolorstop (1, "green"); // cond point color </p> <p> draw.fillstyle = grd; // set as als style
Draw.fillrect (50,50,200,50); // заполнить в прямоугольник
})
</script>
</body>
<Canvas> </canvas>
</body>
</html>
Изображение воспроизведения: