suchen

Heim >Web-Frontend >js-Tutorial >JS-Zeichenmethode zum Generieren von Blütenblatteffekt_Javascript-Fähigkeiten

JS-Zeichenmethode zum Generieren von Blütenblatteffekt_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:46:541717Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zum Erzeugen von Blütenblatteffekten durch JS-Zeichnung. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

JS-Zeichnung wird hier verwendet, um den grafischen Zeicheneffekt durch reines JS zu erzeugen. Wenn Sie die Kenntnisse des JavaScript-Grafikzeichnens erlernen möchten, sollten Sie sich meiner Meinung nach dieses kleine Programm ansehen ganz gut.

Der Betriebseffekt ist wie folgt:

Der spezifische Code lautet wie folgt: 

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js绘制生成花瓣效果</title>
</head>
<body>
<script Language="javascript">
function a(x,y,color)
{document.write("<img border='0' style='position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}
</script>
<script>
for(t=1;t<=360;t++){
lo=200 * Math.sin(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t); 
a(x,y,"#000000");
lo=200 * Math.cos(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t); 
a(x,y,"#ff0000");
}
</script>
</body>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS-Methode zum Ziehen der Maus zum Zeichnen eines Felds, um Mausauswahl_Javascript-Fähigkeiten zu realisierenNächster Artikel：JS-Methode zum Ziehen der Maus zum Zeichnen eines Felds, um Mausauswahl_Javascript-Fähigkeiten zu realisieren

In Verbindung stehende Artikel

Mehr sehen