JSFiddle - React, Tailwind, and code Playground

by Trần Ngọc Minh

HTML

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">

Trình duyệt không hỗ trợ phần tử canvas.

</canvas>

JavaScript

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

// Tạo gradient

var grd = ctx.createRadialGradient(75,50,5,90,60,100);

grd.addColorStop(0,"red");

grd.addColorStop(1,"white");

// Dùng gradient

ctx.fillStyle = grd;

ctx.fillRect(10,10,150,80);