HTML CSS JS 画的效果图


html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style type="text/css">
			#d1{
				
				background: #CCCCFF;
				border: 2px red solid;
				position: absolute;
				left:50%;
				right: 50%;
				transform: translate(-50%);
							
				
			}
		style> 
		
	head>
	<body>
		<canvas id="d1">
			
		canvas>
		
			<script type="text/javascript">
			var canvas=document.querySelector("#d1");
			canvas.width="600";
			canvas.height="600";
			var cxt=canvas.getContext("2d");
			cxt.beginPath();
			cxt.strokeStyle="#008B8B";
		 
			
			var w=600;
			var h=600;
			let points=new Array(24);
			for(let i=0;ilength;i++)
			points[i]= new Array(2);
			
			var num =24;
			for(var i=0;i
				var x=300*Math.cos(2*3.14*i/num);
				var y=300*Math.sin(2*3.14*i/num);
				points[i][0] = x+300;
				points[i][1] = y+300;
				document.writeln(x+" "+y);
			}
			
			for(var i=0;i
			for(var j=0;j
				
			cxt.moveTo(points[i][0],points[i][1]);
			cxt.lineTo(points[j][0],points[j][1]);
			}
			cxt.stroke();		
			
		script>
		
		
	body>
html>

相关阅读:
TCP/IP协议
Linux基础学习笔记（十）——正则表达式
Spring Boot 学习-基础
Docker部署Tomcat
Redsi复习面试题
【C++项目】负载均衡oj
tcp多线程处理多个客户端数据（linux）
nginx笔记
codeforces刷题二
干货 | 身份云的云原生探索与实践：从 IAM 到 IDaaS

原文地址：https://blog.csdn.net/laocooon/article/details/134289071