前端H5 canvas-线性渐变

前端可视化开发工具

safari浏览器前端开发工具

前端开发和app开发工具

html 代码

<!DOCTYPE html>

<html>

<head>

#myCanvas {

border: 3px solid deepskyblue;

margin: 20px auto;

display: block;

}

</style>

</head>

<body>

</body>

var canvas = document.getElementById(“myCanvas”)

var canvasObj = canvas.getContext(“2d”);

var linerG = canvasObj.createLinearGradient(0, 0, canvas.width, canvas.height);

linerG.addColorStop(0.2, “red”);

linerG.addColorStop(0.4, “green”);

linerG.addColorStop(0.8, “blue”);

linerG.addColorStop(1, “orange”);

canvasObj.fillStyle = linerG;

canvasObj.fillRect(50, 200, 200, 100);

</script>

</html>

前端语言移动开发工具

前端团队开发工具

linux上的前端开发工具