大家好,关于头像加国旗网站源码分享很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于头像加国旗软件的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
你知道五星红旗上的五角星代表着什么吗?(答案见文章末尾)
五角星
今天我们先来用javacript绘制一下五角星。
【思路】
五角星五个角的总度数为180度,所以每个角的度数是36度。根据三角余弦就可以算出每条边的长度和起始点。
【代码】
<bodyonload=&39;>\n\n<canvasid=&34;width=&34;height=&34;></canvas>\n\n<scripttype=&34;>\n\n\tfunctiondraw(){\n\t\n\t\tvarcanvas=document.getElementById(&34;);\n\t\tvarcontext=canvas.getContext(&34;);\n\t\tcontext.beginPath();\n\t\t\n\t\t//设置各个顶点的坐标,根据顶点制定路径\n\t\tfor(vari=0;i<5;i++){\n\t\t\tcontext.lineTo(Math.cos((18+i*72)/180*Math.PI)*200+200,\n\t\t\t\t\t\t\t-Math.sin((18+i*72)/180*Math.PI)*200+200);\n\t\t\tcontext.lineTo(Math.cos((54+i*72)/180*Math.PI)*80+200,\n\t\t\t\t\t\t\t-Math.sin((54+i*72)/180*Math.PI)*80+200);\n\t\t}\n\t\tcontext.closePath();\n\t\t\n\t\t//设置边框样式以及填充颜色\n\t\tcontext.lineWidth=&34;;\n\t\tcontext.fillStyle=&F6F152&34;34;;\n\t\tcontext.fill();\n\t\tcontext.stroke();\n\n\t}\n\n</script>\n\n</body>
运行效果如图:
五角星
OK,关于头像加国旗网站源码分享和头像加国旗软件的内容到此结束了,希望对大家有所帮助。
