用html5编写五星红旗图案,HTML5画出五星红旗

源码：

中国标准国旗

/**

使用HTML5绘制标准五星红旗

var canvas = document.getElementById(“canvas”);

var context = canvas.getContext(‘2d’);

var width=canvas.width;

var height=width*2/3;

var w=width/30;//小网格的宽

context.fillStyle=”red”;

context.fillRect(0,0,width,height);

var maxR = 0.15, minR = 0.05;//

var maxX = 0.25, maxY = 0.25;//大五星的位置

var minX = [0.50, 0.60, 0.60, 0.50];

var minY = [0.10, 0.20, 0.35, 0.45];

// 画大☆

var ox = height * maxX, oy = height * maxY;

create5star(context,ox,oy,height * maxR,”#ff0″,0);//绘制五角星

// 画小★

for (var idx = 0; idx < 4; idx++) {

用html5编写五星红旗图案,HTML5画出五星红旗 | 编程知识库相关推荐

电脑PHP动画制作画板,涂鸦板简单实现 Html5编写属于自己的画画板
这篇文章主要教大家如何使用Html5编写属于自己的画画板,进行绘画.调整颜色等操作,感兴趣的小伙伴们可以参考一下最近了解到html5强大的绘图功能让我惊奇,于是,写了个小玩意---涂鸦板,能实现功能 ...
编写一个Applet，画出20条水平的、随机颜色的平行线。要求线的长度相同，整条线段都要在可视区域内
编写一个Applet,画出20条水平的.随机颜色的平行线.要求线的长度相同,整条线段都要在可视区域内. ` package p2; import java.applet.Applet; import ...
Java //PP2.16编写一个applet，画出北斗七星，并在夜空中添加一些其他的星星
Java程序设计教程(第七版) John Lewis & William Loftus 电子工业出版社 PP2.16编写一个applet,画出北斗七星,并在夜空中添加一些其他的星星. 注意: ...
Java //PP2.17 编写一个applet，画出一些用绳子拴住的各种颜色的气球
Java程序设计教程(第七版) John Lewis & William Loftus 电子工业出版社 PP2.17 编写一个applet,画出一些用绳子拴住的各种颜色的气球. 注意: 1. ...
用Java画出五星红旗
五星红旗文章目录五星红旗前言使用步骤: 1.引入包 2.创建画布 3.创建一个五角星形状 4.创建一个宽度为width的国旗 5.画大星星.小星星和旗面完整代码如下前言一个富有民族自豪感 ...
html a标签指定区域,第四讲：使用html5中的canvas标签画出一个球在指定区域内的运动...
小球在一个区域运动 var canvas = document.getElementById('mc'); var cxt = canvas.getContext('2d'); //定义一个小球 va ...
html5平抛,第五讲：使用html5中的canvas动态画出物理学上平抛运动
平抛运动 var canvas = document.getElementById('mc'); var cxt = canvas.getContext('2d'); //定义一个小球 var bal ...
html5粒子形成图案,html5 canvas粒子形成下雪背景的效果
本篇文章给大家带来的内容是关于html5 canvas粒子形成下雪背景的效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. canvas粒子形成下雪背景 body{ margin: ...
如何用html5编写彩色同心圆,HTML5 canvas 同心圆动画
原创.产生的动画效果: * 生成文字渐变颜色随时间的变化. * 使得一组同心圆的取色,随时间而变化 1.[图片] open_source.png 2.[代码][JavaScript]代码 var c= ...

用html5编写五星红旗图案,HTML5画出五星红旗 | 编程知识库

用html5编写五星红旗图案,HTML5画出五星红旗 | 编程知识库相关推荐

最新文章

热门文章