本文主要是介绍HTML5 画布 Canvas,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
利用html5的canvas元素使用 JavaScript 在网页上绘制图像。
通过规定尺寸、颜色和位置,来绘制一个圆:
<!DOCTYPE htma>
<html>
<body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #3CF;">
Your browser does not support the canvers element.
</canvas><script type="text/javascript">var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#3CF";
cxt.beginPath();
cxt.arc(70,18,15,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();</script></body>
</html>
这篇关于HTML5 画布 Canvas的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!