leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

shadow圆角问题

Open bedphp opened this issue 6 months ago • 3 comments

Screenshot_20250625_001301_com_microsoft_emmx_ChromeTabbedActivity.jpg

Screenshot_20250625_001231_com_microsoft_emmx_ChromeTabbedActivity.jpg Screenshot_20250625_001237_com_microsoft_emmx_ChromeTabbedActivity.jpg

// #创建 Text [标准创建 (Leafer)]
import { Leafer, Text } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const text = new Text({
    fill: '#eee',
    fontSize: 50,
    text: '电棍笑传之踩踩背',
    textWrap: 'break',
    fontWeight: 600,
    stroke: {
        type: 'solid',
        color: '#000',
    },
    strokeJoin: 'round',
    strokeWidth: 3,
    shadow: {
        x: 0,
        y: 6,
        blur: 0,
        color: '#000',
        box: true
    }
})

leafer.add(text)

环境:手机 + edge 137 + 安卓15

给文字设置描边圆角之后,使用shadow发现shadow无法跟随描边一起圆角还是直角 详细看上面的最后一个图片的文字的shadow

bedphp avatar Jun 24 '25 16:06 bedphp

收到,谢谢反馈~

leaferjs avatar Jun 24 '25 23:06 leaferjs

收到,谢谢反馈~

Screenshot_20250626_184022_com_microsoft_emmx_ChromeTabbedActivity.jpg

Screenshot_20250626_184013_com_microsoft_emmx_ChromeTabbedActivity.jpg

换成红色更明显了,shadow没办法跟随描边圆润,“踩踩”两字下面的笔画是直的

bedphp avatar Jun 26 '25 10:06 bedphp

1.8.0已修复

leaferjs avatar Jul 28 '25 13:07 leaferjs