canvas文本对齐3-创新互联
效果图
站在用户的角度思考问题,与客户深入沟通,找到平罗网站设计与平罗网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广、申请域名、网站空间、企业邮箱。业务覆盖平罗地区。html结构
canvas31
当前浏览器不支持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);
context.textBaseline = "alphabetic";
context.fillText("欢迎大家学习alphabetic",40,500);
drawBaseline(context,500);
context.textBaseline = "ideographic";
context.fillText("欢迎大家学习ideographic",40,600);
drawBaseline(context,600);
context.textBaseline = "hanging";
context.fillText("欢迎大家学习hanging",40,700);
drawBaseline(context,700);
}
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文本对齐3-创新互联
文章转载:http://pwwzsj.com/article/ggpcd.html