<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
canvas{
border-color: black;
border:1px solid;
}
</style>
<script>
function draw(){
var canvas = document.getElementById("mycanvas");
// //兼容性判断
// if(canvas.getContext){
// var ctx = canvas.getContext('2d');
// ctx.fillStyle = "rgba(200,0,0,1)";//填充颜色
// ctx.fillRect(10,10,55,50);
// ctx.fillStyle = "rgba(0,0,200,0.5)";
// ctx.fillRect(30,30,55,50);
// ctx.clearRect(20, 20, 50, 50);
// ctx.strokeRect(50,50,50,50);
// }
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.fillRect(25,25,100,100);
ctx.clearRect(45,45,60,60);
ctx.strokeRect(50,50,50,50);
}
}
</script>
</head>
<body onload="draw();">
<canvas width="450" height="450" id="mycanvas">
浏览器版本太低不支持，请跟换或者升级浏览器。
</canvas>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）