Blockly web版更改workspace背景

最新推荐文章于 2024-05-13 23:14:13 发布

缺亿只镜头的Gregory

最新推荐文章于 2024-05-13 23:14:13 发布

阅读量953

点赞数

CC 4.0 BY-SA版权

分类专栏：趟过的坑文章标签：趟过的坑

本文链接：https://blog.youkuaiyun.com/qq_40516521/article/details/88929378

趟过的坑专栏收录该内容

3 篇文章

订阅专栏

本文记录了解决Blockly Workspace背景图片无法更改的问题过程。作者最初尝试直接修改HTML与CSS中的content属性，但未能成功。最终通过查找blocklySvg类并添加background-image属性解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚开始走了很多弯路，在HTML中，workspace是在

  <div id="content_blocks" class="content"></div>

此标签下的，便在CSS中更改content样式，结果其他content背景图片都能改变，唯独workspace不行。
接着想更改此标签透明度，也未能成功。
发现workspace其实有一个grid，查了半天才发现是blockly自己定义的，没有提供background与background-image等接口。更改透明度也未成功。其中初始化函数跳入一个文件，可以感受一下面对这些代码时的绝望：在这里插入图片描述
后来在学长的提示下，用网页打开html文件，并一点一点尝试着删除，最后找到该对象：最后，知道了这个类，就在各个文件里寻找blocklySvg类，并在CSS中找到了。。。。在CSS中。。。。。
添加个background-image，解决了。但是上面为什么不成功还不知道。等有时间再深究。