Este exemplo de artigo descreve o método de desenhar padrões elípticos por JS+HTML5. A tela HTML5 não possui um método de desenhar elípticos. O código a seguir pode desenhar elípticos. É compartilhado com você para sua referência. O método de implementação específico é o seguinte:
1. Em uma tela implícita (defina seu CSS como: exibir: nenhum;).
2. Desenhe a imagem da tela implícita com diferentes proporções em outra tela explícita para transformar o jardim em uma elipse.
3. Além disso, adicione a função de animação.
<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> cor de fundo </title> <cript> var ticker = 0; var col = new Array ("#000000", "#a52a2a", "#b8860b", "rosa", "verde", "amarelo", "vermelho", "laranja", "#bb008b", "#8b0000"); function DATHBABLEGROND () {var Canvashide = document.getElementById ("hide"); // tela oculta var g = canvashide.getContext ("2d"); // Descubra o pincel da tela oculta Hide G.clearrect (0,0,1200.800); // Limpe a tela oculta var i = 0; faça {// desenhe o jardim onde cores diferentes são concêntricas e divergentes na sequência g.beginpath (); var grd = G.CreamRadialGradient (300.300.300-i*25, 300.300.265-i*25); grd.addcolorstop (0, col [(0+i+ticker)%col.lengthing]); grd.addcolorstop (1, col [( 1+i+ticker)%col.Length]); enquanto (i <11); // Descubra o pincel da tela explícita mycanvas gg var gg = document.getElementById ("mycanvas"). // Limpe a tela explícita/ * Desenhe a imagem do jardim da tela implícita com uma escala de 600 largura e 300 altura, * desenhe para a tela explícita mycanvas, * como resultado, a imagem do jardim da tela implícita com uma elipse na tela explícita MyCanvas */gg.drawimage (canvashida, 0,08). ticker ++;} função preperation () {setInterval ('Drawbackground ()', 1000); } </script> <yoy> #mycaNvas {Position: Absolute; Esquerda: 0px; TOP: 0px;}#hide {display: None;} </style> </head> <corpo onload = "preperation ()"> <canvas id = "mycanvas"> </canvas> <canvas id = "hide"> </svas> </body> </html>Espero que este artigo seja útil para a programação da Web de todos.