css - 带有 CSS 的 JavaFX 模糊 HBOX

Question

css

   HBox:hover{
    -fx-background-color: rgba(0,0,0, .25);
    -fx-scale-x: 1.10px;
    -fx-scale-y: 1.10px;
    -fx-scale-z: 1.10px;
}

在图片上有点难以分辨，但是当我缩放它时，它对我来说非常模糊。我怎样才能解决这个问题？也适用于按钮，我也在尝试这样做。

标签： cssjavafx

Answer 1

我会四处走动，假设内容是模糊的，而不是 HBox 本身，因为我可以清楚地看到清晰的边缘。

如果您要放大任何 png，则会根据位图的大小丢失细节。

为小型、中型和大型图标等提供高分辨率副本是个好主意，或者使用按比例缩小的大型图像源。

此外，无用的缩放增量，例如 1.1 像素……我的意思是……您希望它将 1 像素缩放为 1.1 像素吗？...监视器将如何绘制这些东西？很确定“px”甚至不应该存在，因为它是一个离散值，而不是像素参考。

缩放东西本质上是将它的尺寸乘以一个数字......假设你想将一个 100x100 像素的盒子缩放到它的大小的 1.5 倍，它的比例是 1.5 =----> 150x150px

此外，您应该确保无论您缩放什么，生成的维度都应该始终是偶数，否则，永远不会是整数。

假设您要绘制 5.23556 像素...软件会告诉您的显示器驱动程序预期的尺寸应该是什么............即............ ^ ---那个........司机会尽力以某种方式近似该值。它通常通过将颜色和 alpha 值组合在一起来实现这一点，以产生抗锯齿的错觉。

所以回顾一下......

1. 向下缩放大位图图像，而不是向上缩放小图像。...或使用 SVG。
2. 1.1像素？？？看看那个..
3. 1.1 比例有点奇怪......使用 2.0、3.0、100.0 等。