html中javascript画圆

最新推荐文章于 2022-09-05 20:43:51 发布

傲世阿龍

最新推荐文章于 2022-09-05 20:43:51 发布

阅读量1.6k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/u010383937/article/details/72762866

版权

HTML 专栏收录该内容

115 篇文章 5 订阅

订阅专栏

<!DOCTYPE html>   
<head>   
<meta charset="UTF-8">  
<title>canvas元素示例</title>  
<script >
function draw(id) 
{  
    var canvas = document.getElementById(id);  
    if (canvas == null)  
        return false;  
    var context = canvas.getContext('2d');  
    context.fillStyle = "#EEEEFF";  
    context.fillRect(0, 0, 400, 300);  
    
   
        context.beginPath();  
        context.arc( 100, 100, 75, 0, Math.PI * 2, true);  
        context.closePath();  
        context.fillStyle = 'rgba(255, 0, 0, 0.25)';  
        context.fill();  
        
}
</script>  
</head>  
<body onLoad="draw('canvas');">     
<h1>canvas中画圆形</h1>  
<canvas id="canvas" width="400" height="300" />  
</body>  
</html>

傲世阿龍

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
html中javascript画圆

canvas元素示例 function draw(id) { var canvas = document.getElementById(id); if (canvas == null) return false; var context = canvas.getContext('2d'); context.
复制链接

扫一扫