标签: blurry

我有一个图像,我想为它设置一些初始模糊.根据用户的一些动作,我希望图像减少一些量的模糊度.是否有任何jQuery插件可以让你处理模糊半径或类似的东西？

我在这里遇到过一个jQuery API http://www.pixastic.com/lib/docs/actions/blur/ 但我不认为它能够逐渐改变图像的模糊性.

需要帮助,请建议我该怎么办？还有什么我可以使用的吗？Thanx提前.

当在webkit中使用百分比应用2D变换时,在这种情况下translateY(-50%),如果对象大小不均匀,则结果将是模糊边缘.

有人知道如何防止这种影响吗？

检查此示例,红色背景框具有顶部和底部模糊边缘.

我通过jspdf插件addHTML从HTML页面生成pdf文件.它工作但渲染的文本/字体非常模糊,原始的HTML页面不是.渲染图像很好,只有文本是问题(参见附图).

original_image:http://111900.test-my-website.de/stackoverflow/orig.jpg

blurry_image:http://111900.test-my-website.de/stackoverflow/blurry.jpg

我在过去三天阅读了所有谷歌搜索结果 - 也许我是世界上唯一一个确切存在这个问题的人？!？!:/

我在代码中添加了以下脚本:

• spdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.split_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

pdf生成代码: pdf.addHTML(document.getElementById("container"),10,15,function() { var string = pdf.save(filename); });

我错过了jspdf中的质量选项吗？我该如何渲染字体？

谢谢你的回复,托马斯

我现在正在开发的应用程序需要特殊的设计。

现在，我有一个播放视频流的第三方私人视频库。该屏幕的设计包括一个覆盖在视频顶部的半透明面板，模糊了视频后面的部分。

通常，为了模糊背景，您应该对后面的视图进行屏幕截图，对其进行模糊处理，并将其用作前景视图的图像。

在这种情况下，视频会继续播放，因此模糊图像每一帧都会发生变化。那么你会如何实施呢？

一个可能的解决方案是创建一个线程，截取屏幕截图，裁剪它们并将它们作为背景。我想，如果该视图是 SurfaceView，那就更好了。但我想知道在这种情况下最好的方法是什么。不断截取屏幕截图的线程会对性能产生巨大影响吗？是否可以向 SurfaceView 缓冲区提供这些图像？

谢谢！

我真的很喜欢例如在 iOS 中可以看到的效果，它基本上看起来像是在当前视图之上绘制的图层，模糊了视觉内容并将其用作背景。有没有办法在 WPF 中实现类似的目标？

我见过人们主要在窗口级别处理这种模糊/透明度，但我需要在窗口内使用它。

假设这是我的窗口的内容。

<StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
        <Image  Source="pack://application:,,,/Resources/Penguins.jpg"/>
        <Image  Source="pack://application:,,,/Resources/Penguins.jpg"/>
</StackPanel>

看起来像

现在我想在上面画一些东西（而不是使用红色背景）模糊它下面的任何东西并将其用作背景，保持它的内容不模糊。

    <DockPanel Margin="15" Background="Red">
        <StackPanel Orientation="Horizontal"  VerticalAlignment="Center" HorizontalAlignment="Center">
            <Label Content="Some label"/>
            <TextBox Width="100" Height="20"/>
        </StackPanel>
    </DockPanel>

我在将SVG渲染到画布中时遇到问题。在视网膜显示器上，渲染为base64 url​​并设置为SRC的画布是模糊的。

我尝试了下面列表中描述的各种方法，但没有走运：

• https://tristandunn.com/2014/01/24/rendering-svg-on-canvas/
• 如何修复HTML5画布中的模糊文本？
• 画布绘制和视网膜显示：可行吗？
• https://www.html5rocks.com/zh-CN/tutorials/canvas/hidpi/

现在我不知道该怎么做才能使它更好。请调查我的结果：jsfiddle.net/a8bj5fgj/2/

编辑：

更新了修正的小提琴：jsfiddle.net/a8bj5fgj/7/

我正在尝试向我的 Android 应用程序添加启动器图标，但安装应用程序时的分辨率似乎有问题。我正在使用的设备具有 XHDPI 屏幕，因此我正在使用 96x96 (px) 图像进行测试。我使用Android Studio中的Image Asset生成默认图标：

这是我的设备中的结果：

您会注意到图像有点模糊，因为它已调整大小。我制作的每个图标都会发生这种情况。怎么了？我正在使用 MIUI，尽管它似乎不会影响其他图标。

编辑：我的启动器图标位于 mipmap 文件夹内。

伙计们，这不是代码问题，但我不知道还能在哪里发布。VS Code 的网站将我链接到这里，所以这里是。

这是我的 Visual Studio 代码版本详细信息

版本：1.26.1 提交：493869ee8e8a846b0855873886fc79d480d342de 日期：2018-08-16T18:38:57.434Z Electron:2.0.5.x.Node.34.V.34.4.3.4.3.4.3.4.3.4.3.3.4.3.4.1.3.4.0.16.16.16.16.16

一旦我更新到这个版本，整个应用程序开始看起来模糊。在更新之前很好，并且在这台 Windows 10 机器上看起来很好。

我得到了其他 Microsoft 应用程序 - Office Word、Excel 和其他应用程序，它们都很好。Visual Studio（常规）看起来不错。它是这个软件，并且只有在最新更新到 1.26.1 之后

注意：还有一个软件总是有一个模糊的外观，那就是 Postman。我认为这是 Postman 的问题，所以从来没有时间修复它或尝试修复它。如果有连接，请在此处添加此内容，但问题主要是关于代码，以及如何解决外观问题。

更新 1：

所以，我打开了 Postman，它也不再模糊了。因此，看起来责任确实落在了 AMD Radeon 而不是 MS 或 Postman 开发人员身上。

macOS Mojave After Effects 17.0.2 (CC 2020) Chrome/FF/Safari 和 Lottie/Bodymovin 最新版本

在 Safari 中缩放 svg 动画时（变换：scale(>1)），它将呈现极度像素化/模糊。在 Chrome 和 Firefox 中，它渲染没有问题。这是一个已知问题吗？如果是，是否有已知的解决方法？

您可以在这里找到动画： http: //kb.zeitweisen.com/Index.html

当尝试 glassmorphism 样式并使用 css 背景过滤器时，滚动时我会在元素顶部看到深色模糊边缘。我觉得这应该是一个简单的修复，但我已经尝试了我所知道的一切（这显然是不够的）并且无法弄清楚。我创建了一支笔，这样你就可以看到我在说什么。由于某些令人困惑的原因，您必须在 codepen 中打开它才能看到不良效果。

body {
  background-image: url("https://www.theuiaa.org/wp-content/uploads/2017/12/2018_banner.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200vh;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: soft-light;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
}

.card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 320px;
  height: 540px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
}

.arrow {
  position: sticky;
  top: 0px;
  font-size: 200px;
  line-height: 1;
  color: red;
}

.card p {
  font-size: 32px; …