canvas画奥运五环

效果如下：

代码如下：

<!DOCTYPE html>
<html>
<head><title>奥运五环</title><meta charset="utf-8">
</head>
<body><canvas id="canvas" width="800" height="800"></canvas>
</body>
<script>var canvas = document.querySelector('#canvas'),context = canvas.getContext('2d');var radius = 100;context.lineWidth = 25;function draw(x, y, startAngle, endAngle, color) {context.beginPath();context.strokeStyle = color;context.moveTo(x + radius * Math.cos(startAngle), y + radius * Math.sin(startAngle));context.arc(x, y, radius, startAngle, endAngle, false);context.stroke();context.closePath();}draw(275, 360, 1.2 * Math.PI, 1.5 * Math.PI, '#fda811');draw(160, 250, 0, 2 * Math.PI, '#3b7cb6');draw(275, 360, -0.2 * Math.PI, 1.2 * Math.PI, '#fda811');draw(525, 360, 1.2 * Math.PI, 1.5 * Math.PI, '#2d9b2b');draw(400, 250, 0, 2 * Math.PI, '#150f11');draw(640, 250, 0.8 * Math.PI, 2 * Math.PI, '#fc0203');draw(275, 360, 1.5 * Math.PI, 1.8 * Math.PI, '#fda811');draw(525, 360, -0.5 * Math.PI, 1.2 * Math.PI, '#2d9b2b');draw(640, 250, 0, 0.8 * Math.PI, '#fc0203');
</script>
</html>

canvas画奥运五环相关推荐

canvas画奥运五环 2019/10/29
在HbuilderX中用canvas画一个奥运五环. 先用arc画出五个圆环,画布是后画的图形在顶层,再根据圆环相互串压的顺序,新添同心圆笔画,就能画出五环相互勾连的样子了. 基本完成任务,效果简陋, ...
python画画需要什么模块_python实战练手项目---使用turtle模块画奥运五环
python实战练手项目---使用turtle模块画奥运五环 2020年将举办东京奥运会,本篇实践文章将带你使用turtle模块画一个五环图,先来看效果图 1. 定义一个类继承Turtle class ...
04_turtle画奥运五环
4.turtle画奥运五环 # 绘制奥运五环 import turtleturtle.width(10)#画笔宽度turtle.color("blue")# 颜色蓝色 turtle ...
使用turtle来画奥运五环使用turtle进行图形化的程序设计来绘制自己想要的图形
使用turtle进行图形化的程序设计. showturtle()显示箭头 write()书写一段字符串在屏幕上 forward(px)向前运动,px是运动像素距离 backward(px)向后运动,p ...
python秒画奥运五环
龟叔大法 python一秒画奥运五环 import turtle as tldef drawCircle(orgin,destination,color,radius):tl.width(6)tl.s ...
android绘制五环图形,Android使用Canvas实现奥运五环
Canvas的drawXXX方法配合使用Paint可以实现圆点.圆.弧形和曲线等各种颜色的图形,本文将使用drawArc(@NonNull RectF oval, float startAngle, ...
用turtle画奥运五环
#奥运五环 import turtle as t t.pensize(25) #设置画笔粗细 t.bgcolor('orange') #设置背景颜色 #t.tracer(False)t.penup() ...
如何用Python画奥运五环——circle（）
奥运五环主要运用了circle()来画图,每画一个圆圈,换一种颜色. 代码如下: import turtleturtle.speed(1) turtle.pencolor('blue') turtle ...
1.1 Python中turtle的使用(画奥运五环)
turtle(海龟绘图)的使用教程 Turtle库是Python语言中一个很流行的绘制图像的函数库,想象一个小乌龟,在一个横轴为x.纵轴为y的坐标系原点,(0,0)位置开始,它根据一组函数指令的控制, ...

canvas画奥运五环

canvas画奥运五环相关推荐

最新文章

热门文章