css - 使用 CSS 平滑嵌入图像的语法是什么？

Question

如果我想嵌入一个平滑的图像，我可能会这样做：

package
{
    public class EmbeddedImages
    {
        [Embed(source="/assets/image1.png", smoothing="true")]
        public static const Image1:Class;
    }
}

但是，如果我有一堆带有不同图标的按钮，我想使用 CSS 控制显示哪个图标，如下所示：

@namespace s "library://ns.adobe.com/flex/spark";

s|Button.image1
{
    icon: Embed('/assets/image1.png');
}

我希望图标平滑。那么用 CSS 嵌入时添加平滑的语法是什么？

Answer 1

我没有要测试的项目，但请smoothingQuality查看Image. 如果按钮用于显示图标，这显然不起作用，BitmapImage因为该样式仅适用于 Image。不过，奇怪的是，它确实使用了 BitmapImage。

s|Button.image1
{
    icon: Embed('/assets/image1.png');
    smoothingQuality: "high";
}

同样，我无法对此进行测试，因此这是在黑暗中拍摄的完整照片。不过值得一试

Answer 2

由于它是一个移动项目，所以 Button 图标是一个BitmapImage，您可以尝试设置它的成员

smooth = true;
smoothingQuality = BitmapSmoothingQuality.BEST;

或者也许通过 CSS 做到这一点：

s|ButtonImage {
    smoothingQuality: "best";
}