！声明文档类型

超文本标记语言

头

meta charset='UTF-8 '

标题党徽和五角星/title

/head

身体

canvas id=' canvas ' width=' 450 ' height=' 450 '

您的浏览器不支持帆布标签，无法看到党徽

/canvas

canvas id=' canvas 1 '宽度=' 450 '高度=' 450 '

您的浏览器不支持帆布标签，无法看到五角星

/canvas

脚本

var canvas=文档。getelementbyid(' canvas ')；

var context=canvas。GetContext(' 2d ')；

背景。begin path()；

context.arc(215，215，200，0，360)；

context.fillStyle=' # 030d48

context.strokeStyle=' grey

context.lineWidth=' 10

背景。stroke()；

背景。fill()；

背景。ClosePath()；

背景。begin path()；

for(var I=0；i 12i ) {

背景。行到(数学。cos((I * 30)/180 *数学).PI) * 200 215，

数学. sin((i * 30)/180 *数学.PI)* 200 215)；

背景。行到(数学。cos((I * 30 15)/180 *数学.PI) * 105 215，

Math.sin((i * 30 15)/180 * Math .PI)* 105 215)；

}

context.fillStyle=' # ffffff

背景。fill()；

背景。ClosePath()；

背景。begin path()；

context.arc(215，215，105，0，360)；

context.strokeStyle=' # 030d48

context.lineWidth=' 10

背景。stroke()；

背景。ClosePath()；

/*以上党徽，以下五角星*/

var canvas 1=文档。GetElementByID(' canvas 1 ')；

var上下文1=canvas 1。GetContext(' 2d ')；

背景1。begin path()；

背景1。旋转(18 *数学. PI/180)；

for(I=0；i5；i ) {

背景1。行到(数学。cos((I * 72 36)/180 *数学.PI) * 200 250，

Math.sin((i * 72 36)/180 * Math .PI)* 200 150)；

背景1。行到(数学。cos((I * 72 72)/180 *数学.PI) * 75 250，

Math.sin((i * 72 72)/180 * Math .PI)* 75 150)；

}

背景1。FillStyle=' # ff 0000

背景1。fill()；

背景1。ClosePath()；

/script

/body

/html