标签: blurry

我想把我的中心div和我使用这种方法,但它使我的文本div模糊:

<!-- language: lang-css -->

#div {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

有没有办法让我的中心div？

我发现Chrome和其他WebKit浏览器大量模糊任何已应用translate3d的css缩放内容的问题.

这是一个JS小提琴:http://jsfiddle.net/5f6Wg/.(在Chrome中查看.)

.test {
  -webkit-transform: translate3d(0px, 100px, 0px);
}

.testInner
{
  /*-webkit-transform: scale(1.2);*/
  -webkit-transform: scale3d(1.2, 1.2, 1);
  text-align: center;
}

<div class="test">
  <div class="testInner">
    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
  </div>
</div>

有没有任何已知的解决方法？我在上面的简单示例中得到了这个,我可以简单地使用translate而不是translate3d - 这里的重点是将代码剥离到最基本的要素.

此问题似乎会影响所有基于WebKit的浏览器,包括iPhone.

首先是一些背景.我正在使用的网站使用基于JavaScript的"滑块"动画.

我正在使用-webkit-transform: translate3d"动力"实际动画.使用此方法时,与基于JavaScript的方法相反,一旦内容动画化,文本就会变得模糊.这在iPhone上尤其明显.

我看到的一些解决方法是删除相对定位,我做了,并添加了一个规则-webkit-font-smoothing: antialiased,我也做了.两种变化都没有丝毫差异.

我可以在没有模糊文本的情况下正常工作的唯一方法是使用常规JavaScript来制作动画并translate3d完全绕过它.我更喜欢使用,translate3d因为它在支持WebKit的设备上执行速度要快得多,但对于我的生活,我无法弄清楚为什么它会以如此糟糕的方式影响文本.

任何建议或解决方案将不胜感激.

当我使用matplotlib的imshow()方法来表示一个小的numpy矩阵时,它最终会在像素之间进行一些平滑处理.有没有办法禁用它？它使我的数字在演讲中误导.

上图是一个28x28的图像,所以我应该看到代表每个像素的单个颜色的大方块(当使用imagesc()时matlab会显示它).但相反,像素似乎与邻近像素模糊.有没有办法禁用这种行为？

当我放置变换时:scale(1.1);在悬停在某个元素上时,图像变得模糊.如何解决这个错误？

例

我的应用程序使用PDFKit显示 PDF 文件，并允许用户通过我自己的代码使用UIKit和CoreGraphics框架对 pdf 文件进行注释。由于我想使用PencilKit框架来更好地进行注释，因此我正在实施该PencilKit框架，但我发现了一些我遇到的问题。

我所做的是添加PKCanvasView在DocumentView一个PDFView的。从本质上讲，它工作正常，我可以使用 的工具进行注释，PencilKit并且可以浏览 PDF 的页面。

当我放大 PDF 页面时出现问题。由于PKCanvasView没有在 内部缩放本身DocumentView，因此墨水注释显示为像素化。的PKCanvasView，因为它的变焦并没有改变没有重绘其与新的规模内容，并且更新contentScaleFactor使图更清晰不起作用。

另一个问题是，在某种程度上与前一个相关，由于应用程序适合每个 PDF 页面以使用所有屏幕，这使得UIScrollView包含DocumentViewPDFView 的 的缩放功能因 PDF 页面的大小而异. 这使得如果我打开一个有小页面的 PDF 和另一个大页面的 PDF，就大小（宽度 x 高度）而言，即使我选择了最小的，我也会看到不同大小的墨迹工具的线条宽度PKToolPicker两个文件的线宽。

所以我想知道是否可以将 aPKCanvasView和 PDFView 分别添加到UIViewController’s视图中，因此它们都具有相同的superview，具有相同的 ContentSize 和最大/最小缩放级别，并且在平移和缩放 时PKCanvasView，PDFView 也是如此。

无论如何，如果有解决方法，我很乐意知道。;)

我正在为一个用于加载目的的视图添加UILabel.但是,添加它后会变得模糊.奇怪的是,我只是加载视图的相同代码,它加载在UITableViewController的顶部,它在那里工作得很好.然而,这个在UIViewController之上的模糊不清.

这是我的代码:

float x = (self.view.frame.size.width-20)/2;
float y = (self.view.frame.size.height-70)/2;

// Add loading and sub text
UILabel *loadingText = [[UILabel alloc] initWithFrame:CGRectMake(10, round(y+30), round(self.view.frame.size.width-20), 21)];
[loadingText setTextAlignment:UITextAlignmentCenter];
[loadingText setNumberOfLines:0];
[loadingText setFont:[UIFont systemFontOfSize:17]];
[loadingText setText:NSLocalizedString(@"Please wait...\nWe are processing your request", @"LoadingPage")];
[loadingText sizeToFit];
[loadingText setBackgroundColor:[UIColor clearColor]];
[loadingText setCenter:self.view.center];
[loadingText setTag:2];

[view addSubview:loadingText];

我正在寻找一种方法来阻止WPF模糊我的图像.我希望我的应用程序在高DPI显示器上看起来很好,所以我创建了96x96px的图标以显示大小为32x32.

google中有很多内容可供查找,甚至在stackoverflow上也有一些关于此的主题.总结他们说:启用属性UseLayoutRounding并设置RenderOptions.BitmapScalingMode为HighQuality.不幸的是,这对我来说并不适用 - 图像看起来仍然非常模糊.然后我在具有更高DPI aaaand-WOW的笔记本电脑上测试了我的应用程序.图像非常清晰.

我唯一的解决方案是创建一个自定义控件,将ImageSource转换为System.Drawing.Bitmap,在那里重新调整它以匹配图像尺寸并将其转换回WPF ImageSource.显然不是完美的解决方案!

所以问题是:为什么在低dpi显示屏上看我的图像模糊？我不知道是什么导致了这一点,希望somone有一个想法来解决这个问题.

这里有一些我发现的最有用的资源:

1. http://blogs.msdn.com/b/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx
2. http://www.nbdtech.com/Blog/archive/2008/11/20/blurred-images-in-wpf.aspx
3. http://www.hanselman.com/blog/BeAwareOfDPIWithImagePNGsInWPFImagesScaleWe​​irdOrAreBlurry.aspx
4. 禁用WPF图像上的抗锯齿功能

编辑:

这里要求的是转换ImageSource的代码.有一些方法调用没有包括在内,但你可以通过谷歌快速找到它们.

// Calculate the conversion factor.
float dpi = WpfImageHelper.GetCurrentDPI(this);
float factor = dpi / 96f;
int width = (int)Math.Round(this.image.ActualWidth * factor);
int height = (int)Math.Round(this.image.ActualHeight * factor);

// Create bitmaps.
Bitmap oldBitmap = WpfImageHelper.ToWinFormsBitmap2((BitmapSource)this.Source);
Bitmap newBitmap = new Bitmap(width, height, System.Drawing.Imaging.PixelFormat.Format32bppArgb);

// Draw the new bitmap. Use high-quality interpolation mode.
using (Graphics g = Graphics.FromImage(newBitmap))
{
    g.InterpolationMode = InterpolationMode.HighQualityBicubic; …

我的网站显示的图像大于其原始尺寸。这些图像比使用 Photoshop 创建的原始图像大 20%（例如），如果图像的宽度为 200px，则浏览器显示为 240px。

所以我所有的图像都模糊了。

你知道为什么吗？

我在我的 iOS 应用程序中使用 HeroIcons ( https://github.com/tailwindlabs/heroicons )。我已将所有 SVG 文件添加到资源包中，并能够使用 SwiftUI 渲染 SVG。

但渲染后的图标看起来很模糊

这是 SVG 配置

这是SwiftUI显示图标的代码片段

任何 SVG 导出可以帮助我解决这个问题吗？