[已解决]web模板使用问题

文静 · 发表于 2021-12-20 15:00:01

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由文静于 2021-12-20 15:00 编辑

看了甲鱼老师的模板想用在自己的html文件中，但是canvas的尺寸大小做不到我想要的样子，
捕获.PNG

var w = window.innerWidth, h = window.innerHeight;
window.onresize = function () {
    var w = window.innerWidth, h = window.innerHeight;
    camera.aspect = w / h;
    camera.updateProjectionMatrix();
    renderer.setSize(w, h);
}

找到js文件的这里改变了w,h的值后
捕获1.PNG

能够短暂满足预期，一旦点击浏览器缩放，然后整个画布又会回到原来的默认值

然后刷新浏览器又能满足要求了，
捕获1.PNG

然后我目前只学了css基础，我想的是给个元素框然后把这个模板插进去就好了，但是好像有些问题
模板是甲鱼老师的彩虹隧道
有没有大佬指点一二，脑袋不够用了

最佳答案

月排行榜 / 总排行榜

王尧

2022-1-1 19:04:08

convas 画布给个动态宽高 width=100vw ;height=100vh

跳转到最佳答案楼层

阿萨德按时 · 发表于 2021-12-20 15:17:56

小甲鱼的铁粉 · 发表于 2021-12-20 15:22:35

没看web

AdiosSpike · 发表于 2021-12-20 15:56:10

我也不会，抱歉

zhsguitar · 发表于 2021-12-20 21:05:07

我也不会，抱歉

心驰神往 · 发表于 2021-12-21 08:00:46

顶一下

1molHF · 发表于 2021-12-21 08:39:50

我也不会，抱歉

ohhohh · 发表于 2021-12-21 08:41:03

好难

小bai学c · 发表于 2021-12-21 10:33:56

tianlai7266 · 发表于 2021-12-21 10:44:05

不二如是 · 发表于 2021-12-22 18:11:36

是不是想让素材随着浏览器放大缩小而放大缩小？

myqf123 · 发表于 2021-12-23 09:45:41

杜甫动动 · 发表于 2021-12-24 12:25:09

shouchuan · 发表于 2021-12-26 22:19:12

文静 · 发表于 2021-12-27 16:35:01

王尧 · 发表于 2022-1-1 19:04:08

convas 画布给个动态宽高 width=100vw ;height=100vh

王尧 · 发表于 2022-1-1 19:05:12

王尧发表于 2022-1-1 19:04
convas 画布给个动态宽高 width=100vw ;height=100vh

就在html元素上加内联样式

文静 · 发表于 2022-1-5 19:09:34

王尧发表于 2022-1-1 19:05
就在html元素上加内联样式

动态宽高！谢谢

王尧 · 发表于 2022-1-6 19:32:22

本帖最后由王尧于 2022-1-6 19:33 编辑

文静发表于 2022-1-5 19:09
动态宽高！谢谢

vh 是视窗高度, vw是视窗宽度

账号		自动登录	找回密码
密码			立即注册

[已解决]web模板使用问题

马上注册，结交更多好友，享用更多功能^_^

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币

回帖奖励 +5 鱼币