canvas中如何消除描边
展开全部
<!DOCTYPE html>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-->
<html>
<head>
<title>Rectangles</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
background: #dddddd;
}
#canvas {
background: #eeeeee;
border: thin solid #aaaaaa;
}
</style>
</head>
<body>
<canvas id='canvas' width='600' height='400'>
Canvas not supported
</canvas>
<script>
var canvas=document.getElementById('canvas'),
context=canvas.getContext('2d');
context.lineWidth=5;
context.font='24px Helvetica';
context.fillText('点这儿',175,40);
//为指定矩形描边 如果后两个参数中任何一个为0，则画横线或者竖线,都为0则不绘制
context.strokeRect(75,100,200,200);
//填充矩形，如何后两个参数任意一个为0，则不绘制
context.fillRect(325,100,200,200);
context.canvas.onmousedown=function(e){
//清除指定区域的所有像素
context.clearRect(0,0,canvas.width,canvas.height);
};
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
