html2canvas边框线,canvas边框动画效果（原创）

bannerActive(document.getElementById("myCanvas1"));

function bannerActive(object) {

let c = object;

let context = c.getContext("2d");

let width = 800; //画布宽度

let height = 500; //画布高度

let fPoints = [{

x: 400,

y: 0,

r: 6.5

},

{

x: 400,

y: 0,

r: 6.5

},

]; //初始点坐标

function drawCircle() {

for (let i = 0; i < fPoints.length; i++) {

context.lineWidth = 0; //线条宽度-空心圆

context.strokeStyle = 'rgba(2, 179, 253,0.02)'; //颜色

context.shadowBlur = 0; // 设置或返回用于阴影的颜色

context.shadowColor = 'rgba(2, 179, 253,1)'; // 设置或返回用于阴影的模糊级别

context.fillStyle = 'rgba(255,255,255,0.89)'; //填充颜色-实心圆

context.fill(); //画实心圆

context