1. 首页
  2. SEO技术

HTML5 Canvas创建半圆

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