Canvas在页面画出各种图形的方法
导读：收集整理的这篇文章主要介绍了html5教程-Canvas在页面画出各种图形的方法，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 @H_406_0@...
收集整理的这篇文章主要介绍了html5教程-Canvas在页面画出各种图形的方法，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 @H_406_0@ 以三角形作为案例：
//htML中的标签；
//定义canvas的大小；可以是正方形和长方形；window.tooltip = function(){
//定义全局函数；
VAR uITooltip= document.getElementById("uitooltip");var context = uitooltip.getContext("2d");
context.strokeStyle = "white";
context.fillStyle = "white";
context.lineWidth = 1;
context.lineto(0,5);
context.lineTo(5,5);
//定义三角形大小；
context.closePath();context.fill();
context.stroke();
//调用方法；
}以三角形作为案例：
//html中的标签；
//定义canvas的大小；可以是正方形和长方形；window.tooltip = function(){
//定义全局函数；
var uitooltip= document.getElementById("uitooltip");var context = uitooltip.getContext("2d");
context.strokeStyle = "white";
context.fillStyle = "white";
context.lineWidth = 1;
context.lineTo(0,5);
context.lineTo(5,5);
//定义三角形大小；
context.closePath();context.fill();
context.stroke();
//调用方法；
}觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Canvas在页面画出各种图形的方法
本文地址： https://pptw.com/jishu/586388.html