Liip - resize - borders

Question

我在Symfony 4.1中使用liip_imagine捆绑包时遇到了一个问题，一切正常，下面是我的配置：

liip_imagine:
filter_sets:
    thumb: 
            quality: 75
            filters:
                    thumbnail:
                            size:   [360, 230]
                            mode: inset
                    background:
                            color: '#f8f9fa'
                            size: [370, 240]
                            position: center
    small:
            quality: 100
            filters:
                    thumbnail:
                            size: [400, 240]
                            mode: inset
                    background:
                            color: '#f8f9fa'
                            size: [410, 250]
                            position: center
    medium:
            quality: 100
            filters:
                    thumbnail:
                            size: [640, 400]
                            mode: inset
                    background:
                            color: '#f8f9fa'
                            size: [650, 410]
                            position: center
    large:
            quality: 100
            filters:
                    thumbnail:
                            size: [800, 600]
                            mode: inset
                    background:
                            color: '#f8f9fa'
                            size: [810, 610]
                            position: center

问题是，图像正在缩放到所需的大小，但使用了一些似乎是背景的东西，并且没有像这个页面上描述的那样填充框架：Link

有人能告诉我这里出了什么问题吗？？

非常感谢。

Answer 1

你只需要配置你的背景设置，默认的颜色是白色(#fff)，所以你所需要的就是根据你的图像输入设置一个大小：

# app/config/config.yml
liip_imagine:
    filter_sets:

        # name our filter set "my_background_filter"
        thumb:
            filters:
                quality: 100

                # use and setup the "background" filter
                background:

                    # set the background color to #00ffff
                    color: '#00ffff'

                    # set a size different from the input image
                    size: [1026, 684]

                    # center input image on the newly created background
                    position: center