SEO排名优化_SEO技术_SEO资讯网

  1. 首页
  2. SEO技术

HTML5 Canvas创建半圆

SEO技术 • 2019年11月19日 23:11:44 • seo优化 • 阅读 199

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创建圆

下一篇：HTML5 Canvas Fill属性颜色填充

相关推荐