标签: blurry

使用Impress.js,我的文本和图像看起来很模糊.

请参阅下一个屏幕截图,其中禁用了CSS但启用了Impress.js:

现在看到Impress.js和CSS被禁用的下一个屏幕截图:

他们为什么模糊？

这是我的配置:

<div id="Model-2" class="step" data-x="117000" data-rotate="20">
    <h2>Backbone.Model</h2>
    <p>On peut préciser des valeurs par défaut</p>
    <img src="img/18.png">
</div>

我是MatLab的新手.一直在玩并阅读帮助指南,但我似乎无法解决这种情况.

我已经使用高斯算法去除了噪音.这是成功的,但我没有设法让图像清晰,我尝试使用Richardson-Lucy去模糊算法,但它不起作用.知道怎么解决这个问题？Thnx提前.

这是我到目前为止所做的.

图像尺寸= 21kb图像尺寸= 264 x 126

img = imread('car_plate.jpg')
subplot(331);
imshow(img), title('Original Image')

PSF = fspecial('gaussian',15,15);
blur = imfilter(img,PSF,'replicate');
subplot(332);imshow(blur);title('Filter image');

motion_noise = fspecial('disk', 7);

luc1 = deconvlucy(img,motion_noise);
subplot(333); imshow(luc1);
title('Disk and Lucy');

LEN = 9; THETA = 1;
motion_noise2 = fspecial('motion', LEN, THETA);


luc2 = deconvlucy(blur,motion_noise2);
subplot(334); imshow(luc2);
title('Motion and Lucy');

当我尝试使用中值滤波器时,我得到了这个输出

使用medfilt2时出错
预期的输入数字1,A是二维的.

medfilt2> parse_inputs(第106行)中的错误
validateattributes(a,{'numeric','logical'},{'2d','real'},mfilename,'A',1);

medfilt2中的错误(第48行)
[a,mn,padopt] = parse_inputs(varargin {:});

a1q21中的错误(第2行)
J = medfilt2(img);

而我目前的结果是这样的.

所以Google似乎已经使用3.9/3.10 API修复了模糊的地图问题,这很棒.

但是有一个新的自定义标记.只要放大一个级别,自定义标记就会变得损坏/模糊.如果缩小,它们会自行纠正,但缩小过程也会使标记稍微模糊.

3.8 API不会在自定义标记中出现此问题.这是一张说明问题的图片(我建议您在新标签中打开图像;当缩放图像以适合此帖子时,模糊性不容易看到).使用纸鹤标记的直线最明显的模糊:

我已经通过HTML了,但我无法确定标记是如何放在地图上的.但是我认为我会把这个问题放在那里经历类似的人,或者如果有人对如何解决这个问题有任何想法,除了等待看看它是否是API中的一个小故障.

我在Windows和Mac上使用Chrome 24.0.1312.5 beta-m,两者都有问题.在Firefox 16.0.2或Safari 6中不会发生这种情况.鉴于Safari没有这个问题,我想知道它是否是特定于Chrome的问题.我应该检查它是否与非beta版本一起出现.

我需要知道如何在CSS中将文本覆盖时使背景图像不模糊,因为如果模糊,它会破坏我网站的外观.

我的CSS是:

background: #ff0000 url(img/rain.jpg) top center repeat-y; 
background-size: 100%; 

但是当我把它加载到有文字线条变得模糊的地方并且我不想要它的时候我怎么做呢？

小提琴的例子

这个程序应该显示在该学生数了一下钱是在总身价,然后输入一个EDITTEXT文本框,然后将其与存储的值进行比较值的图像.不幸的是,当我尝试将活动切换到某个点(有11个活动活动,其中三个显示图像很好)时,图像开始模糊,硬币难以彼此区分.我不知道这是Java还是XML错误,但我已粘贴下面的代码.以下是XML代码.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".Ldsm" >

<LinearLayout
    android:id="@+id/linearLayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:orientation="vertical" >

    <Button
        android:id="@+id/submitButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/submit" />
</LinearLayout>

<TextView
    android:id="@+id/userQuestion"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/linearLayout"
    android:layout_alignLeft="@+id/userAnswer"
    android:layout_marginBottom="30dp"
    android:text="@string/how_many_coins_total"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<EditText
    android:id="@+id/userAnswer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/linearLayout"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="16dp"
    android:ems="10"
    android:inputType="number" >

    <requestFocus />
</EditText>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/userQuestion"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="50dp"
    android:layout_marginTop="118dp" >

</LinearLayout>

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/userQuestion"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_alignRight="@+id/linearLayout"
    android:src="@drawable/ic_coin4" />

这只是显示图像时看起来模糊的7个屏幕中的一个.以下是同一活动的Java代码.

package com.example.ldsm3;

import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface; …

当我用HTML和CSS将图片显示为原始大小时,图片就是完美的(当然).

如果我尝试以比原始尺寸大的尺寸显示它,但是如果最终尺寸更小则不会变得模糊.这就是发生的事情:我的照片在任何情况下都很模糊.

问题是网站和图片是响应式的,我不能为每种尺寸创建缩略图,但我仍然需要结果是脆的.至少不那么模糊.

我搜索了网络,发现了这个CSS:

image-rendering:-moz-crisp-edges;          /* Firefox        */
image-rendering:-o-crisp-edges;            /* Opera          */
image-rendering:-webkit-optimize-contrast; /* Safari         */
image-rendering:optimize-contrast;         /* CSS3 Proposed  */
image-rendering:crisp-edges;               /* CSS4 Proposed  */
image-rendering:pixelated;                 /* CSS4 Proposed  */
-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */

它有效,但它给了我完全相反的东西:它太脆了,图片上出现了伪影(点).我一起尝试了它们,但没有成功.这是全有或全无.

这就像你在Photoshop中拍摄了一张像样的照片并将锐度滑块推到了最大值.无论哪种方式,它太极端无法使用.

我使用php,jquery,html和css是否有使用其中一种解决我的渲染问题？

谢谢.

我不能为我的生活想出这一点,使用相同的控制模板,我在面板中的一个元素上得到一个模糊的Adorner:

控制模板:

<ControlTemplate x:Key="validationErrorTemplateBubble" >
<DockPanel >
    <Grid DockPanel.Dock="Bottom" Margin="10,0,0,0" >
        <Grid.Effect>
            <DropShadowEffect ShadowDepth="2" Direction="315" />
        </Grid.Effect>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Border Grid.Row="1" BorderBrush="Gray" BorderThickness="1" CornerRadius="5" Margin="0,-1.6,0,0">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFE7E8F1" Offset="1"/>
                    <GradientStop Color="White"/>
                    <GradientStop Color="#FFF3F4F6" Offset="0.472"/>
                </LinearGradientBrush>
            </Border.Background>

            <Grid>
                <WrapPanel VerticalAlignment="Center" Margin="5,5,10,5">
                    <Image Source="/Sesam;component/Modules/Images/wrongsmall.png" Height="15" Width="15" />
                    <TextBlock Foreground="Red" FontSize="12" Margin="5,0,0,0" Text="{Binding ElementName=ErrorAdorner, Path=AdornedElement.(Validation.Errors).CurrentItem.ErrorContent}" />
                </WrapPanel>
                <ContentPresenter Margin="5" Grid.Column="1" Grid.Row="1"/>
            </Grid>
        </Border>
        <Path Data="M306.375,133.125L306.375,100.875L335.75,133.25" Stroke="Gray" Height="15" Fill="White" StrokeThickness="1" Stretch="Uniform"  Margin="10,0,0,0"  HorizontalAlignment="Left" VerticalAlignment="Center"/>
    </Grid> …

无论出于何种原因,这些svg文件看似模糊,并且在所有浏览器中都不是100%锐利.这些是svg文件,并且包含在缩放到像素的元素中,换句话说,使用px而不是% - 因此没有浏览器位图错误.

知道为什么会这样吗？

这是svg文件之一;

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 361.5 192.5" style="enable-background:new 0 0 361.5 192.5;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;}
	.st1{fill:#FC5500;}
	.st2{fill:#FFFFFF;}
	.st3{fill:#FB5500;}
</style>
<g>
	<path class="st0" d="M-9.4-6.3c126,0,252,0,378,0c0,68.7,0,137.3,0,206c-126,0-252,0-378,0C-9.4,131-9.4,62.4-9.4-6.3z"/>
	<path class="st1" d="M-0.2,112.1c0-8,0-15.9,0-24.4c112.3,0,224.3,0,336.7,0c0-29.4,0-58.4,0-87.7c8.4,0,16.4,0,25,0
		c0,46.8,0,93.7,0,140.6c-2.4-0.3-2.5-2.5-3.2-4c-3.7-9-10.3-15-19.3-18.5c-15.2-6-31.2-6.7-47.2-5.5c-7.8,0.6-15.6,1.5-23.1,4.1
		c-24.8,8.7-33.9,38-18.3,59.2c5.8,7.8,14.5,10.9,23.4,13.4c2,0.6,4.9-0.1,5.6,3.1c-13.9,0-27.9,0-41.8,0
		c-8.1-5.7-14.1-13.6-21.4-20.2c-1.7-1.5-3.8-2.8-4.1-5.5c0.5-2.5,2.8-3.1,4.7-3.9c9.5-4.3,14.3-11.9,14.5-22.1
		c0.2-10.1-4.8-17.3-13.9-21.8c-8.5-4.2-17.6-5.3-26.7-5.5c-20.8-0.4-41.6-0.1-62.5-0.1c-1.7,0-3.3,0-4.8,0.8
		c-1.6,2.3-1.1,4.9-1.1,7.3c0,21.2,0,42.3,0,63.5c0,2.6,0.5,5.4-1.7,7.6c-32,0-64,0-96.1,0c-3.2-6.9-1.5-13.8-0.9-20.2
		c3.1-2.6,6-2.3,8.8-2.3c12.7-0.1,25.3,0,38-0.1c7.8-0.1,15.3-1.6,22.2-5.3c17.8-9.6,18.8-33.3,1.7-44.3c-8.9-5.7-19.1-6.7-29.3-6.9
		c-19.3-0.3-38.7,0.1-58-0.1C4.6,113.4,2,113.8-0.2,112.1z"/>
	<path class="st2" d="M120.6,192.5c0-26.6,0-53.3,0-80.7c29.5,1.5,58.7-2.6,87.6,2.2c13.5,2.2,24.2,9.5,24.9,25.1
		c0.6,14.2-6.8,23.1-20.2,27c8.3,8.8,16.5,17.6,24.7,26.4c-11.2,0-22.5,0-33.7,0c-4-1.4-6-5-8.7-7.9c-12.1-13.2-6.6-11-23.7-11.2
		c-5.5-0.1-10.9,0-16.4,0c-2,0-4-0.2-6,1c-1.5,3.5-0.5,7.4-0.8,11.1c-0.2,2.4,0.3,5-1.7,7.1C138,192.5,129.3,192.5,120.6,192.5z"/>
	<path class="st2" d="M203.8,0.7c-4.9,6.4-10,13.1-15.2,20c-18.4,0-36.7,0-55,0c-4.1,0-9-0.2-8.9,5.9c0,6.1,4.8,5.9,9,6
		c16.8,0.2,33.7-0.4,50.5,0.6c12.5,0.7,22.4,6.1,22.6,20.9c0.2,14.6-7.3,24.7-22.5,25.3c-28.5,1.2-57.1,0.3-85.9,0.3
		c5-6.5,10.1-13.2,15.3-20c19.3,0,38.4,0.1,57.6-0.1c4.4,0,11.3,1.9,11.3-5.3c0.1-7.7-7-5.4-11.6-5.5c-16.1-0.4-32.4,0.3-48.4-0.9
		c-13-1-21.7-8.1-21.9-22.5c-0.2-14.9,8.5-23.6,22-24.3C149.5-0.2,176.6,0.7,203.8,0.7z"/>
	<path class="st2" d="M279.5,192.5c-31.5-9.3-41.2-22.1-36.9-48.9c2.8-17.6,15-26,31-29.7c18.9-4.4,38-4.4,57-0.2
		c15.1,3.4,26.5,11.3,31,27c0,7.6,0,15.2,0,22.9c-2.8,16.5-15.6,27.1-34.6,28.6c-1,0.1-2-0.2-2.9,0.3
		C309.1,192.5,294.3,192.5,279.5,192.5z"/>
	<path class="st2" d="M77.2,20.7c-17.1,0-33.9,0-51.1,0c0,3.2,0,6.3,0,9.8c20.5,0,41.1,0,62.9,0c-5.3,6.7-9.8,12.4-14.4,18.2 …

我正在开发一个需要更新的现有应用程序，一旦我用矢量可绘制对象替换了一些 png 图标，就会发生一些非常奇怪的事情：

这些矢量绘图有时会变得模糊。我说有时是因为它们并不总是模糊的。

例如，我有一个带有多张卡片的回收器视图，每张卡片都包含一些图标和其他元素。一切看起来都不错。但是，如果显示插页式广告，当我关闭它时，这些图标会变得模糊。如果我向下滚动回收器视图，然后再次备份，图标会被清晰地重新绘制，现在它们看起来既漂亮又清晰。

另一个例子：我有一个工具栏，右侧有一个图标菜单（经典镜头），左侧有一个后退箭头（两者都是矢量可绘制的）。如果用户点击图标，则工具栏会变成搜索视图并出现键盘......但后退箭头现在变得模糊。一旦我在搜索视图中输入第一个字母，图标就会恢复良好和清晰。

这只是两个示例，但在应用程序的许多其他部分中都会发生。

在毕业我有

android {
compileSdkVersion 27
defaultConfig {
    applicationId '...'
    minSdkVersion 21
    targetSdkVersion 27
    versionCode 12310106
    versionName '4.1.1'

    renderscriptTargetApi 21
    renderscriptSupportModeEnabled true
    vectorDrawables.useSupportLibrary = true

我快疯了，知道吗？

更新

事实证明，如果我在 Drawables 上调用invalidateSelf()，那么问题就消失了，它们看起来又好了。我不想使每个 Drawable 无效，我认为这不是解决方案

我希望我的标志采用 SVG 格式，这样我就不必担心分辨率和它会变得模糊。

我只是把网站放到服务器上，在我的 iPhone 上打开它，这是我看到的：https : //i.stack.imgur.com/pAJST.jpg

用 CSS 做我能想到的所有事情（我是 Web 新手）。

到底是怎么回事？它在 Chrome 上看起来很棒，但是我也刚刚检查了桌面 Safari，它在那里看起来也很模糊。

这是我的两个文件：

索引.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="custom.css"/>
    <script defer src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.js"></script>
</head>
<body>

    <div class="ui borderless main menu fixed">
        <div class="ui text container" style="max-width: 100% !important">
            <div class="header item">
                <img id="headerLogo" class="logo" src="images/FullLogo_test.svg">
            </div>

            <a href="tel:555-555-5555" class="ui right floated item" tabindex="0">
                <button class="ui inverted black button">Call (555) 555-5555</button>
            </a>
        </div>
    </div> …