网页canvas定位问题

在手机浏览器里打开网页,如何让canvas像网页幻灯片一样 固定在网页某个div里面跟随网页滚动。
已试过以下方法,均无效
1、设计尺寸定足够小100x100
2、适配高,适配宽反复逐个勾选与不选
3、导出后js文件里尝试以下各种参数
cc.view.resizeWithBrowserSize()
cc.view.resizeWithBrowserSize()
cc.view.setCanvasSize()
cc.view.setDesignResolutionSize()
cc.view.setFrameSize()
cc.view.setRealPixelResolution()
cc.view.setResolutionPolicy()
4、直接在canvas标签里添加 css代码控制。

《div id=“GameDiv” style=“width:100px; height: 100px;”》
《canvas id=“GameCanvas” width=“100” height=“100”》《/canvas》
《/div》

以上方法多试过均无效,
求官方技术支持,万谢。。。。

试下在游戏脚本内给canvas标签添加样式

加样式在电脑端浏览器有效,手机浏览器打开还是会在0.5秒后瞬间变大,不懂在哪里关闭这段自动全屏代码。js文件里已经彻底删掉这段,没有用
if (cc.sys.isMobile) {
if (settings.orientation === ‘landscape’) {
cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
} else if (settings.orientation === ‘portrait’) {
cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
}

  cc.view.enableAutoFullScreen(false);
}

在打包后引擎代码里面的availWidth和availHeight返回值就是canvas的大小

可是这两个值怎么赋值呢?screen.availWidth 是只读属性

ammo-instantiated脚本


这个就是canvas的宽高,不过我觉得你可以直接定制引擎,这个方法在view.ts里

感谢短裤兄,靠谱。。。
看了它编辑器代码view.ts,发现画布适配做了浏览器判断,我的手机的浏览器正好不在它判断的浏览器内,所以不会生效,对于官方这波操作,感到无法理解。修改引擎源代码,去掉判断就好了,在此贴出解决办法,希望以后可以帮到同样遇到问题的朋友

1赞