标签: pixelate

是否有可能或是否有一个技巧使背景像素图像附加图像？

我使用的是背景图像,但正如您所看到的那样,它不会缩放,并且会在页面滚动时闪烁.

现在我感谢vlcekmi3的CSS:

background-color: white;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:100px 100px;
background-position: 0 0, 50px 50px;

但我无法让它完全像图像.有人可以查一下吗？

任何代码,资源,教程和建议表示赞赏.

http://jsfiddle.net/nicktheandroid/5Ytnj/

当我添加-webkit-backface-visibility: hidden;到.circ元素时,它会使它在动画完成后保持像素化.

我想知道是否有办法让它在动画时不像素化.我在Google Chrome的开发版中查看了它.

背景

创建一个具有大量高质量图像的应用程序,我决定将图像缩小到所需的大小(这意味着如果图像大于屏幕,我会缩小它的尺寸).

问题

我注意到在某些设备上,如果图像缩小,它们变得模糊/像素化,但在同一设备上,对于相同的目标imageView大小,如果图像没有缩小尺寸,它们看起来很好.

我试过的

我已经决定进一步检查这个问题,并创建了一个显示问题的小型POC应用程序.

在向您展示代码之前,这里是我正在谈论的演示:

看到差异有点难,但你可以看到第二个有点像素化.这可以在任何图像上显示.

public class MainActivity extends Activity
  {
  @Override
  protected void onCreate(final Bundle savedInstanceState)
    {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final ImageView originalImageView=(ImageView)findViewById(R.id.originalImageView);
    final ImageView halvedImageView=(ImageView)findViewById(R.id.halvedImageView);
    final ImageView halvedBitmapImageView=(ImageView)findViewById(R.id.halvedBitmapImageView);
    //
    final Bitmap originalBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.test);
    originalImageView.setImageBitmap(originalBitmap);
    halvedImageView.setImageBitmap(originalBitmap);
    //
    final LayoutParams layoutParams=halvedImageView.getLayoutParams();
    layoutParams.width=originalBitmap.getWidth()/2;
    layoutParams.height=originalBitmap.getHeight()/2;
    halvedImageView.setLayoutParams(layoutParams);
    //
    final Options options=new Options();
    options.inSampleSize=2;
    // options.inDither=true; //didn't help
    // options.inPreferQualityOverSpeed=true; //didn't help
    final Bitmap bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.test,options);
    halvedBitmapImageView.setImageBitmap(bitmap);
    }
  }

XML:

<ScrollView 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" tools:context=".MainActivity"
  android:fillViewport="true">
  <HorizontalScrollView android:layout_width="match_parent"
    android:fillViewport="true" android:layout_height="match_parent">
    <LinearLayout android:layout_width="match_parent"
      android:layout_height="match_parent" …

我需要用php制作这个效果.我知道PHP图像过滤器中有IMG_FILTER_PIXELATE.但我需要它更流畅和浮雕？像在这张图片中:

此效果将使用户上传的任何图像变为像素化,并且图片的边缘变为红色(我知道IMG_FILTER_EDGEDETECT但我不知道如何使用它来更改边缘颜色).

我不知道该怎么做.

我正在尝试使用Java 6对JPEG进行像素化并且没有太多运气.它需要与Java一起 - 不是像Photoshop那样的图像处理程序,它需要看起来像老学校 - 像这样:

有谁能够帮我？

我了解如何缩放小画布以制作具有厚实而不是模糊像素的大画布。

有什么方法可以让整个网页显示为厚实的 2x2 或 3x3 像素吗？即用最近邻缩放来放大它。我想使用普通 HTML，但将其像素化以获得仿 8 位外观。

我有一个使用像素艺术的Qt Quick游戏.例如:

import QtQuick 2.2
import QtQuick.Controls 1.1

ApplicationWindow {
    id: window
    visible: true
    width: 300
    height: 300
    title: qsTr("PixelArt")

    Image {
        source: "http://upload.wikimedia.org/wikipedia/commons/f/f0/Pixelart-tv-iso.png"
        anchors.centerIn: parent
    }
}

我想缩放艺术,所以我增加了尺寸:

import QtQuick 2.2
import QtQuick.Controls 1.1

ApplicationWindow {
    id: window
    visible: true
    width: 300
    height: 300
    title: qsTr("PixelArt")

    Image {
        source: "http://upload.wikimedia.org/wikipedia/commons/f/f0/Pixelart-tv-iso.png"
        anchors.centerIn: parent
        width: 256
        height: 256
    }
}

图像变得模糊.如何在保持其"清晰度"的同时缩放图像,使其看起来像这样:

该链接的最佳答案如何使用python将正方形图像像素化为256个大像素？用于PIL像素化图像。可以将图像从转换为PIL，cv2.Mat但是我不允许使用其他库，并且使用opencv找不到任何好的方法。

有什么方法可以OpenCV仅在Python中使用库对图像进行像素化吗？任何样本图像都可以。我可以控制像素大小参数的解决方案，以便以后进行调整。

我要创建一个具有以下功能的简单应用程序:

1. 应用程序的第一页将显示来自服务器的图像列表(当我们显示这些图像时,我们应该像素化它).

2. 一旦用户点击任何像素化图像,它将在详细视图中打开(在新的ViewController中打开像素化图像).

当用户对细节视图控制器图像进行单次触摸时,它将降低其像素化级别,并且在一些点击之后用户可以看到真实图像.

我的问题是我无法找到一种动态像素化所有这些东西的方法.请帮我.