html5 canvas图文编辑器源码_一波骚操作解决Laya场景编辑器报错问题

靳骁曈

于 2020-12-10 23:19:34 发布

阅读量450

点赞数

文章标签： html5 canvas图文编辑器源码

本文链接：https://blog.csdn.net/weixin_42117150/article/details/112092086

版权

在重装系统后，使用Laya IDE的场景编辑器时遇到错误。通过查找源码，发现在88880行由于WebGL支持问题导致错误。通过搜索解决方案，发现需进行特定操作，但不清楚代码位置。最终，将操作代码放入main.js，解决了问题，避免了错误弹窗，展示了Electron应用的可调试优势。

摘要由CSDN通过智能技术生成

重装完系统后，打开Laya IDE，当我切换到场景编辑器的时候，弹出错误框让我备受煎熬。

我一遍心里骂娘一遍给Laya社区BBS发帖求助，也没有人回音。怎么办，总不能再重装一遍系统吧，这不是我的风格，那就只好硬着头皮去解决这个问题了。

从弹窗中大致看到源码位置，打开源码文件夹全局搜索webGL!找到弹窗位置了！

在文件LayaAirIDEresourcesappoutvslayaEditorh5rendersuiviewereditor.max.js

的88880行

		if (!WebGL.enable()){

			alert("Laya3D init error,must support webGL!");

			return;

		}

嗯，是因为IDE需要用到WebGL功能，打开开发者工具，创建一个canvas，然后调用getContext('webgl')返回null，确实不支持。奇怪，为什么不支持呢？原来是好好的啊。

经过1天的思考，没啥思路，上网搜索一把，终于发现了重要线索：

electron webgl初始化失败blog.csdn.net

原来如此，可以尝试一下这个骚操作，问题是这个代码放哪儿呢？文章没有说。我把代码放到一个页面里面，失败，很显然这个貌似是electron的代码，于是我根据package.json中的入口js找到resources/app/out/main.js，把代码插入其中

    init() {
        let idepath = this.path.join(this.app.getPath("appData"), "LayaAirIDE");
        this.fs.exists(idepath, function (exists) {
            if (!exists) {
                require("fs").mkdir(idepath);
            }
        });
        this.app.commandLine.appendSwitch('ignore-gpu-blacklist');
        this.app.once("ready", () => {
            this.start();
        });
        this.ipcMain.on("openFile", () => {
            console.log("----------------------------收到消息")
            console.log(process.argv, "-------------------------")
        })
    }

重启Laya，不弹窗了，成功！

基于Electron开发的软件会有想不到的坑，也因为可以修改软件代码来解决，js真是好用！