zrender icon indicating copy to clipboard operation
zrender copied to clipboard

多个rect图形不能紧挨在一起,当宽度小于60px时,图形之间始终有缝隙

Open be-water-myFriend opened this issue 5 years ago • 3 comments

image

`

            let zr = zrender.init(document.getElementById('adaptive'));
            let x = 0
            let y = 0

            let w = 59 // 当宽度小于60,两个图形之间连接处会有缝隙;
            let h = 100
            for (let i = 0; i < 6; i++) {
                x = i * w
                zr.add(new zrender.Rect({
                    style: {
                        fill: `rgb(0, 128, 0)`,
                    },
                    shape: {
                        x: x,
                        y: y,
                        width: w,
                        height: h
                    }
                }));
            }

            x = 0
            y = 220
            w = 60 // 宽度60以上没有问题
            h = 100
            for (let i = 0; i < 6; i++) {
                x = i * w
                zr.add(new zrender.Rect({
                    style: {
                        fill: `rgb(0, 128, 0)`,
                    },
                    shape: {
                        x: x,
                        y: y,
                        width: w,
                        height: h
                    }
                }));
            }

`

be-water-myFriend avatar Sep 19 '20 08:09 be-water-myFriend

version 4.3.2, use your code can't repeat problem, offer zrender version please @ZhouYing-bit

llcat avatar Oct 09 '20 09:10 llcat

version 4.3.2, use your code can't repeat problem, offer zrender version please @ZhouYing-bit

I used version 4.3.1

be-water-myFriend avatar Oct 13 '20 14:10 be-water-myFriend

有解决方案吗?同样版本遇到的问题 @ZhouYing-bit

zhangzheyi avatar Jun 14 '23 07:06 zhangzheyi