Unity 发布webgl 网页自适应 解读canvas

unity 发布 weblgl 后如果打不开 IIS 服务器需要添加以下内容

MIME类型添加: .json text/json
.unity3d application/octet-stream
.unityweb application/binary

本章节重点敲黑板:
以下代码解决自适应

<script>
        //页面大小重绘监听函数
		window.onresize = selfAdaption;
		function selfAdaption(){
     
		   //document.getElementById("unityContainer") 找到id 为unityContainer div 块 
			var unityContainer = document.getElementById("unityContainer");
			//canvas 在页面上官方示例上是看不到的,那么canvas在哪里,设置到底有没有用
			//其实 canvas 是unityloader.js 在加载时 代码创建的动态画布
			//var e=document.createElement("canvas") 该行代码可以在unityloader.js中找到
			var unitycanvas = document.getElementById("#canvas");
			unityContainer.style.width = "100vw";
			unityContainer.style.height = "100vh";
			unitycanvas.style.width = "100vw";
			unitycanvas
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tianyongheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值