wechat-miniprogram / minigame-canvas-engine

轻量级canvas2d渲染引擎,开放数据域开发解决方案。
https://wechat-miniprogram.github.io/minigame-canvas-engine/
MIT License
274 stars 64 forks source link

scrollview不支持透明背景效果 即backgroundColor属性设置为transparent无效 #20

Closed liangshen001 closed 1 year ago

liangshen001 commented 1 year ago

需要使用canvas引擎来写一个页面, 页面有一张背景图, 需要在背景图上写一个滚动条, 发现滚动条不能实现透明效果会挡住背景图 如下图所示

Screenshot 2023-05-10 at 15 37 31

问题代码

请问我该如何实现预期的效果.

yuanzm commented 1 year ago

应该是个bug,我来看看

yuanzm commented 1 year ago

确实有这个问题,原因在于ScrollView跟下面的内容是公用一个canvas,scrollview在执行滚动擦除的时候,其实内容已经透到最下面去了,看不到背景图的,我来修改下。

liangshen001 commented 1 year ago

另外npm库是否考虑添加ts类型, 这样使用起来更直观

yuanzm commented 1 year ago

修复了,codepen不要写死 版本号引用即可: import Layout from "https://cdn.skypack.dev/minigame-canvas-engine";

https://codepen.io/yuanzm/pen/JjmvLLv?editors=1010

yuanzm commented 1 year ago

ts这个是该考虑考虑了,最开始写的时候ts还不够火

liangshen001 commented 1 year ago

感谢🙏