HTML5 Canvas Lab - Experiment 1: The Olympic Five Rings.
发布时间
阅读量：
阅读量
《HMLT5实验室——Canvas世界》读书笔记 张磊编著 电子工业出版社
通过Canvas元素绘制奥运五环图形
首先观察最终呈现效果
首先需要在页面中引入一个canvas元素
<canvas id="myCanvas" width="400" height="200" style="border:1px solid #c3c3c3">
your browser does not support hte canvas element.
<br/>对不起,您的浏览器不支持canvas元素
</canvas>
接下来通过调用arc函数绘制出五个圆形图形
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(70,70,40,0,Math.PI*2,false全部评论 (0)
还没有任何评论哟~