canvas绘制正文形并填充-创新互联

效果图

为监利等地区用户提供了全套网页设计制作服务，及监利网站建设行业解决方案。主营业务为网站建设、成都做网站、监利网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

canvas绘制正文形并填充

html结构

<!DOCTYPE html>

<html>

<head>

<title>canvas7</title>

</head>

<body>

当前浏览器不支持canvas,请更换浏览器后再试

</canvas>

</body>

</html>

js脚本

window.onload = function(){

var canvas = document.getElementById('canvas');

canvas.width = 800;

canvas.height = 800;

var context = canvas.getContext('2d');

drawRect(context,100,100,400,400,10,"#058","red");

}

function drawRect(context,x,y,width,height,borderWidth,borderColor,fillColor){

context.beginPath();

context.moveTo(x,y);

context.lineTo(x+width,y);

context.lineTo(x+width,y+height);

context.lineTo(x,y+height);

context.closePath();

context.lineWidth = borderWidth;

context.fillStyle = fillColor;

context.strokeStyle = borderColor;

context.fill();

context.stroke();

}

</script>

canvas绘制正文形并填充

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

文章标题：canvas绘制正文形并填充-创新互联
URL网址：https://www.cdcxhl.com/article0/cogiio.html

成都网站建设公司_创新互联，为您提供手机网站建设、域名注册、标签优化、建站公司、服务器托管、动态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容