标签: blurry

<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
</head>
<div>
<p id="a">
a. (Some Text Label - not pixelated)
</p>
</div>
<div>
<p id="b">
b. (Some Text Label - blurry)
</p>
</div>
<div>
<p id="c">
c. (Some Text Label - pixelated)
</p>
</div>
<div>
<p id="c2">
c2. (Some Text Label - pixelated)
</p>
</div>
<div>
<p id="d">
d. (Some Text Label - pixelated)
</p>
</div>

* {
  font-family:"Source Sans Pro", sans-serif;
  font-size:11pt;
  font-weight:400;

}
#a {
  position:absolute;
  top:0;
  left:10px; …

Run Code Online (Sandbox Code Playgroud)

windows google-chrome transform blurry

And*_*ill

2019 06-09

4
推荐指数

1
解决办法

735
查看次数

Chrome 显示 Lottie 动画模糊

我遇到了缩放 Lottie 动画的问题，Chrome 模糊了动画。当动画缩放时，这一点尤其明显。

在我的示例中，原始动画的尺寸为 842x596px，渲染效果越小，效果越差：

截图模糊的lottie动画对比chrome和firefox

如果您想在 Chrome 浏览器中重现它，这里是示例代码：

lottie-player {
  border: 1px solid lightblue;
}

body {
  color: lightgray;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

<!--
<lottie-player src="https://assets6.lottiefiles.com/packages/lf20_srq2xawa.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop controls autoplay></lottie-player>
300x300px 
-->
                    
<lottie-player src="https://assets6.lottiefiles.com/packages/lf20_srq2xawa.json" background="transparent" speed="1" style="width: 200px; height: 200px;" loop autoplay></lottie-player>
200x200px

<lottie-player src="https://assets6.lottiefiles.com/packages/lf20_srq2xawa.json" background="transparent" speed="1" style="width: 150px; height: 150px;" loop autoplay></lottie-player>
150x150px
 
 <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_srq2xawa.json" background="transparent" speed="1" style="width: 100px; height: 100px;" loop autoplay></lottie-player>
100x100px
 
 <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_srq2xawa.json" background="transparent" speed="1" style="width: 50px; height: 50px;" loop autoplay></lottie-player> …

Run Code Online (Sandbox Code Playgroud)

animation google-chrome blurry lottie

wit*_*ich

lucky-day

4
推荐指数

1
解决办法

3788
查看次数

SnapsToDevicePixels似乎在StackPanel中不起作用

我在StackPanel中有更多的扩展器(Orientation = Vertical).当我扩展一个时,扩展的一个下面的其他人似乎是模糊的.就像它SnapsToDevicePixels = False一样.

我认为问题可能在StackPanel中,因为它不支持.NET 3.5(我使用)中的UseLayoutRounding.这可能或问题可能在其他地方吗？

我几乎到处都把SnapsToDevicePixels ="True",但没有改变.

(字体大小为12因此它不能[1]:WPF模糊字体问题 - 解决方案)

wpf blurry stackpanel snapstodevicepixels .net-3.5

kar*_*rel

2017 05-23

3
推荐指数

1
解决办法

1141
查看次数

Webkit浏览器中的CSS-Rotated文本模糊不清

我遇到了一个我无法解决的严重问题..

我用jQuery插件easyAccordion.js创建了一个accordion元素.当我在Firefox中开发并查看它时,它运行良好 - 直到我在Chrome中打开它.在那里你可以看到旋转的文本不清楚并且肯定是模糊的,即使它与顶部未旋转的文本具有相同的格式.适用于Safari.

我创建了一个jsfiddle,可以重新创建我的问题(在Chrome或Safari中查看)

http://jsfiddle.net/SfKKv/427/

这就是我用来旋转文本的内容:

  -webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-90deg);  /* IE 9 */
       -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */
          transform: rotate(-90deg);

Run Code Online (Sandbox Code Playgroud)

JSFiddle并没有完全在Firefox中运行,但这并不重要,我在它创建它的网站上工作,但即使是在FIrefox中破坏的Fiddle也显示它可以更好地显示旋转的文本.

我已经找到了一些关于字体平滑和一些3d参数的提示,但似乎没有一个对我有用.

任何人都可以帮我解决这个问题吗？

css webkit blurry rotation

use*_*591

lucky-day

3
推荐指数

1
解决办法

7700
查看次数

基于谷歌地图 API v2 的 Android 应用程序启动时的模糊地图图块

我有一个包含 Google 地图 APIv2 的应用程序。

启动应用程序后，地图图块变得模糊。（有时只是某些部分）

仅当用户稍微移动地图视图时，图块才会变得清晰。

通过代码移动地图视图并不能解决问题。

有任何想法吗？

android google-maps blurry google-maps-android-api-2 android-maps-v2

Sor*_*rer

2013 08-12

3
推荐指数

1
解决办法

2008
查看次数

我正在制作一个类似于 cookie clicker 的游戏，我希望图像看起来是 8 位的。我使用的是 macbook pro 视网膜，它在普通屏幕上每一个像素都有四个像素。在 Chrome 和 Safari 上，不是每个像素由 2x2 像素表示，而是一堆模糊的斑点……我在 FireFox 上没有这个问题。有一个名为pixeljoint.com 的网站，它是为像素艺术而制作的，我在那里没有模糊问题。每当我在新选项卡中打开 PixelJoint 中的其中一张图像时，图像就会变模糊。我听说问题是图像在 chrome 和 safari 上显示之前被缩放，但我不太确定。

这里有两个屏幕截图来显示我在说什么：

我还想指出，图像是普通的 .gif 文件。

我知道您可以使用此链接将 gif 文件转换为 svg

并且 svg 文件在视网膜上看起来不错。

我只想知道 PixelJoint 如何使像素看起来如此平滑。

webpage image blurry retina-display retina

Mas*_*poe

2016 05-25

3
推荐指数

1
解决办法

3451
查看次数

HTML5 - 在 Chrome 和 Opera 中在画布上绘制时缩放图像模糊

当我使用drawImage()函数在画布上绘制缩放图像时，它在Chrome和Opera中看起来有点模糊，但如果我先绘制全尺寸图像，然后绘制缩放图像，它看起来很清晰。造成模糊的原因是什么？如何解决？

这是原始图像：

这是 Chrome 和 Opera 中的结果：

const img = new Image();

const crisptCanvas = document.getElementById('crisp-canvas');
const crispContext = crisptCanvas.getContext('2d');

const blurryCanvas = document.getElementById('blurry-canvas');
const blurryContext = blurryCanvas.getContext('2d');

const sx = 0, sy = 0, sWidth = 1980, sHeight = 1251;
const dx = 0, dy = 0;
const scaleFactor = 0.4762626262626263;

// Draw an image on canvas
function scaleImage(scale, context)
{
	const dWidth = (sWidth*scale);
	const dHeight = (sHeight*scale);
	context.drawImage(img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); …

Run Code Online (Sandbox Code Playgroud)

html opera google-chrome blurry

sla*_*boy

2018 09-06

3
推荐指数

1
解决办法

2945
查看次数

Android:调用canvas.scale()后文本变得模糊

当我想使用canvas.scale()放大我的自定义视图文本时,文本变得模糊,如下所示:

@override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.translate(50,50 );
canvas.scale(mDpi/72, mDpi/72);
canvas.drawText("Stackoverflow!", 50, 50, mPaint);
}

Run Code Online (Sandbox Code Playgroud)

mDpi是320,当它在手机中运行时,它很模糊;但是,当代码在nexus 10中运行时,这是正常的!有人可以告诉我为什么？

android canvas blurry scale

use*_*329

lucky-day

2
推荐指数

1
解决办法

701
查看次数

android SDK是否提供像iOS一样默认添加模糊的方法

用户打开“主页活动”，点击Login Button，然后另一个活动启动。

现在在登录活动中我不想使用任何背景颜色，我想在主页活动上添加模糊效果，如下所示。

这是 iOS 屏幕。

我知道有一些第三方库可以提供这种效果，但是android SDK是否提供这种类型的效果，因为iOS在其SDK中提供了模糊效果。

android blur blurry android-layout

dev*_*v90

lucky-day

2
推荐指数

1
解决办法

2045
查看次数

iOS自定义按钮标题模糊

如果我在IB中创建一个按钮,并且只将类型设置为自定义,标题和字体大小,它会很好而且清晰.如果我以编程方式创建它,那么字体就会模糊不清.创建按钮的代码是:

CGRect frame = self.sendButton.frame;

    NSString *title = @"Read Disclosure";
    UIFont *font = [UIFont boldSystemFontOfSize:17.0];
    CGSize titleSize = [title sizeWithFont:font constrainedToSize:frame.size];

    CGFloat xValue = (self.view.frame.size.width - titleSize.width) / 2;
    CGFloat yValue = frame.origin.y - (titleSize.height / 2);

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    [button setFrame:CGRectMake(xValue, yValue, titleSize.width, titleSize.height * 2)];
    [button setTitle:@"Read Disclosure" forState:UIControlStateNormal];
    [button.titleLabel setFont:font];
    [button setTitleColor:[UIColor colorWithRed:50.0/255.0 green:79.0/255.0 blue:133.0/255.0 alpha:1.0] forState:UIControlStateNormal];
    [button setTitleShadowColor:nil forState:UIControlStateNormal];
    [button setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
    [button addTarget:self action:@selector(disclosureButtonAction) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:button];

Run Code Online (Sandbox Code Playgroud)

我已经尝试了我能想到的每一个环境,似乎没有什么能有所作为.知道我在这里缺少什么吗？

谢谢.

blurry button title ios

mic*_*ckm

lucky-day

1
推荐指数

1
解决办法

1541
查看次数

如何检查模糊图像？

我正在寻找一种以编程方式检查图像是否模糊的方法，并且有兴趣听到我必须这样做的任何选项。我可以使用任何编程语言，尽管我最熟悉 PHP 和 Python。

提前感谢您的任何想法。

image image-processing blurry image-segmentation

use*_*585

lucky-day

1
推荐指数

1
解决办法

809
查看次数

ggplot2 geom_path 图非常“模糊”。我怎样才能解决这个问题？

我从 ggplot 中看到一些非常奇怪（且不受欢迎）的行为。我使用以下代码生成沿单个路径具有不同颜色段的绘图。

library(data.table)
library(ggplot2)

testData = fread("test_data.tsv")

ggplot(testData, aes(X, Y, color = Color, group = 1)) +
  geom_path(size = 1.5) + scale_color_identity()

Run Code Online (Sandbox Code Playgroud)

（“test_data.tsv”中的数据可以在此 Pastebin中找到。）

结果图如下所示：