登录  |  注册  |  充值缴费   한국어 咨询

会员登录


canvas전체화면에 띄우기 - 俊网 - 俊网科技 - 中国最低价位云主机域名注册服务商 - 提供国外免备案主机,域名注册,虚拟主机,网站空间,韩国服务器,美国云服务器,香港云服务器,韩国域名,韩国主机,韩国空间,服务器代维,手机短信群发

프로그래밍 >> java >> canvas전체화면에 띄우기

作者: Admin 日期: 18-09-11,

canvas를 기기전체화면에 나타나게 하는 방법

canvas는 기본으로 300px*150px 사이즈로 생성된다.

css로 canvas너비 높이를 100%로 지정하는 경우 내용물이 전부 canvas너비높이 비례에 따라 변형됨을 볼수 있다.

canvas태그에 직접 width="100%" height="100%"를 준다면 아예 퍼센트부호는 무시당한다.

유일한 방법은 javascript에서 기기화면의 너비와 높이를 구해서 canvas에 적용시키는 방법이다.

=================================================
var canvas = document.getElementById("tohostingCanvas");
canvas.width = document.body.clientWidth;
canvas.height = document.body.clientHeight;
=================================================

단, canvas.style.width와 같이 쓰면 css에 설정한거와 같은효과로 내용물이 변형된다.

删除 修改 目录 回复 发帖