gooood个人博客网站
canvas
要使用HTML5 Canvas创建半圆,我们可以使用arc()方法创建弧,并定义结束角度为startAngle + PI。
html代码:
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.arc(288, 75, 70, 0, Math.PI, false);
context.closePath();
context.lineWidth = 5;
context.fillStyle = 'red';
context.fill();
context.strokeStyle = '#550000';
context.stroke();
</script>
</body>
</html>
本文来自SEO排名优化_SEO技术_SEO资讯网,经授权后发布,转载请联系原作者。原文链接:http://www.ylzug.com/js/577.html
相关推荐
-
HTML5 Canvas Fill属性颜色填充
2019年11月19日 作者:seo优化 -
HTML5 Canvas创建圆
2019年11月19日 作者:seo优化 -
HTML5 Canvas创建矩形
2019年11月19日 作者:seo优化 -
HTML5 Canvas自定义形状
2019年11月19日 作者:seo优化 -
HTML5 Canvas 创建圆角
2019年11月19日 作者:seo优化 -
HTML5 Canvas wrapText属性文本自适应换行
2019年11月19日 作者:seo优化 -
HTML5 Canvas measureText属性获取文本的宽度...
2019年11月19日 作者:seo优化 -
HTML5 Canvas textBaseline属性设置文本基线对齐...
2019年11月19日 作者:seo优化 -
HTML5 Canvas textAlign属性设置文本对齐
2019年11月19日 作者:seo优化 -
HTML5 Canvas文本笔划描边
2019年11月19日 作者:seo优化 -
HTML5 Canvas设置文本颜色
2019年11月19日 作者:seo优化 -
HTML5 Canvas fillText方法和font属性设置文本字...
2019年11月19日 作者:seo优化 -
HTML5 Canvas 图像加载
2019年11月19日 作者:seo优化 -
HTML5 Canvas drawImage()方法裁剪图像
2019年11月19日 作者:seo优化 -
HTML5 Canvas drawImage()方法设置图像尺寸大小...
2019年11月19日 作者:seo优化