Skip to content

Image png透明图片 会显示placeholder #8189

Closed
@wangfpp

Description

@wangfpp
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.6

Environment

System: OS: macOS 15.0 CPU: (8) arm64 Apple M1 Pro Binaries: Node: 18.20.3 - ~/.volta/tools/image/node/18.20.3/bin/node Yarn: 1.22.17 - ~/.volta/tools/image/yarn/1.22.17/bin/yarn npm: 10.7.0 - ~/.volta/tools/image/node/18.20.3/bin/npm Browsers: Chrome: 136.0.7103.114 Edge: 135.0.3179.85 Safari: 18.0 npmGlobalPackages: @vue/cli: Not Found

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. 使用a-image加载图片
  2. 使用placeholder属性设置为true
  3. 加载一个png的透明图片
    图片显示后会出现plaholder的背景图

What is expected?

png 的透明图正常加载但是不会显示plaholder

What is actually happening?

必现


<template>
<a-image
:width="200"
:placeholder="true"
src="https://i.postimg.cc/zDWYps2B/1747876838661-ukc8qk7w20250522-092008.png"
/>
</template>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions