canvas文本对齐2-创新互联
效果图
创新互联建站2013年开创至今,先为下城等服务建站,下城等地企业,进行企业商务咨询服务。为下城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。html结构
当前浏览器不支持canvas,请更换浏览器后再试
js脚本
window.onload = function(){
var canvas = document.getElementById("canvas");
canvas.width = 800;
canvas.height = 800;
context = canvas.getContext("2d");
context.fillStyle = "#058";
context.font = "bold 40px sans-serif";
context.textBaseline = "top";
context.fillText("欢迎大家学习top",40,100);
drawBaseline(context,100);
context.textBaseline = "middle";
context.fillText("欢迎大家学习middle",40,200);
drawBaseline(context,200);
context.textBaseline = "bottom";
context.fillText("欢迎大家学习bottom",40,300);
drawBaseline(context,300);
}
function drawBaseline(context,h){
var width = context.canvas.width;
context.save();
context.strokeStyle = "#888";
context.lineWidth = 2;
context.moveTo(0,h);
context.lineTo(width,h);
context.stroke();
context.restore();
}
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
本文名称:canvas文本对齐2-创新互联
链接分享:http://azwzsj.com/article/cdgegp.html