Эта статья разделяет анимацию динамической загрузки на таймера холста для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <title> </title> <style> </style> </head> <body> <canvas id = "canvas"> ваш браузер не поддерживает технологию Canvas </canvas> <cript> var c = document.gretemind ('); var ctx = c.getContext ('2d'); ctx.translate (c.width/2, c.height/2); // Сначала нарисуйте 8 статически обернутые круги функции create () {for (var i = 1; i <9; i ++) {if (i == 1) {ctx.beginpath (); ctx.arc (0, -30, 5, 0, 2 * math.pi); ctx.fillstyle = '#f0f'; ctx.fill (); } else {ctx.beginpath (); ctx.arc (0, -30, 5, 0, 2 * math.pi); ctx.strokestyle = '#000'; ctx.stroke (); } ctx.rotate (math.pi * 45/180); }} // Turn SetInterval (function () {ctx.clearrect (-c.width/2, -C.Height, C.Width, C.Height); Create (); Ctx.Rotate (Math.pi*45/180);}, 300); // временно закрывая загрузку settimeout (function () {c.style.display = 'none';}, 12200); // </script> </body> </html>Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.