首页 > Web开发 > 详细

Html5—Canvas之如何自适应屏幕大小

时间:2018-09-18 10:54:33      阅读:201      评论:0      收藏:0      [点我收藏+]

只有内嵌css有效,外部css会出现拉伸的情况,
所以有两种方案

var myCanvas = "<canvas id=‘myCanvas‘ width=‘" + screen.availWidth + "px‘ height=‘"+ screen.availHeight + "px‘></vanvas>";
document.body.insertAdjacentHTML("beforeEnd", myCanvas);
或者这种做法
var myCanvas = document.createElement("canvas");
myCanvas.setAttribute("width", screen.availWidth);
myCanvas.setAttribute("height", screen.availHeight);
myCanvas.setAttribute("id", "myCanvas");
document.body.appendChild(myCanvas);
两种方案的共性都是在把元素添加进DOM前设置他的大小

Html5—Canvas之如何自适应屏幕大小

原文:https://www.cnblogs.com/U5B89/p/9667214.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!