问题标签 [blurry]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios4 - 我的 iOS 视图偏离了半个像素?
除非我在 Y 坐标上添加或减去半个像素,否则我的图形看起来很模糊。
我知道这是当坐标设置为亚像素值时通常会发生的症状。这让我相信我的一个观点一定是错误的。
但是我检查了窗口、视图控制器和子视图,我没有看到任何具有子像素值的原点或中心。
我被难住了,有什么想法吗?
jquery - jquery - IE中的模糊文本
请使用 Internet Explorer查看http://jumardirectsites.com/_dev/kabnick/ 。当幻灯片消失时,文本会在消失之前得到一个可怕的模糊轮廓。它发生在 IE7、8 和 9 中。我该如何解决这个问题?
扎克
opengl - 如何使opengl mipmaps更清晰?
我正在重写一个基于 opengl 的 gis/mapping 程序。除其他外,该程序允许您加载海图的光栅图像,将它们固定到 lon/lat 坐标并在它们上缩放和平移。
该程序的先前版本使用自定义平铺系统,实质上它手动创建原始图像的 mipmap,以 256x256 像素的平铺形式在各种二次方缩放级别。缩放级别 n - 1 的图块由缩放级别 n 的四个图块构成,使用简单的四点平均算法。因此,它关闭了 opengl mipmapping,而是当需要以某个缩放级别绘制图表的某些部分时,它使用最接近匹配缩放级别的图块(即图块处于二次方缩放级别,但程序允许任意缩放级别)然后缩放图块以匹配实际缩放级别。当然,它必须在各个级别管理所有这些切片的缓存。
在我看来,这个平铺系统过于复杂。看起来我应该能够让图形硬件为我完成所有这些 mipmapping 工作。所以在新程序中,当我读入一张图片时,我将它切成每个 1024x1024 像素的纹理。然后我将每个纹理固定到它的 lon/lat 坐标,然后在我缩放和平移时让 opengl 处理其余部分。
它有效,但问题是:我的结果比原始程序有点模糊,这对这个应用程序很重要,因为您希望能够尽早阅读图表上的文本,放大。因此,就清晰度而言,原始程序使用的简单四点平均算法似乎比 opengl + 我的 GPU 提供了更好的结果。
我知道有几个 glTexParameter 设置可以控制 mipmap 如何工作的某些方面。我尝试了 GL_TEXTURE_MAX_LEVEL(从 0 到 10 的任意值)与 GL_TEXTURE_MIN_FILTER 的各种设置的各种组合。当我将 GL_TEXTURE_MAX_LEVEL 设置为 0(无 mipmap)时,我当然会得到“锐利”的结果,但它们也是锐利,从某种意义上说,像素只是在这里和那里被丢弃,所以在中间变焦时数字是不可读的。当我将 GL_TEXTURE_MAX_LEVEL 设置为更高的值时,当您将图像拉远时(例如,当整个图表适合屏幕时),图像看起来非常好,但是当您放大到中间缩放时,您会注意到模糊,尤其是在查看时图表上的文字。(即,如果不是因为文本,您可能会认为“哇,opengl 在平滑缩放我的图像方面做得很好。”但是对于文本,您会认为“为什么这张图表失焦了?”)
我的理解是,基本上你告诉opengl生成mipmap,然后当你放大它时选择合适的mipmap来使用,并且有一些有限的选项可以在两个最接近的mipmap级别之间进行插值,或者使用最接近的像素或平均附近的像素。但是,正如我所说,在图表上相同的缩放级别(即,文本很小但不是微不足道的缩放级别,例如相当于“7 点”或“ 8 点”大小),与之前基于图块的版本相同。
我的结论是,opengl 创建的 mipmap 比之前使用平均四点算法创建的程序更模糊,并且无论选择正确的 mipmap 或 LINEAR vs NEAREST 都不会获得我需要的清晰度。
具体问题:
(1) opengl 实际上比原始程序中的平均四点算法制作更模糊的 mipmap 似乎正确吗?
(2) 在使用 glTexParameter 时,我是否可能忽略了一些可以使用 opengl 正在制作的 mipmaps 提供更清晰结果的东西?
(3)有什么方法可以让opengl首先制作更清晰的mipmap,例如通过使用“立方”过滤器或以其他方式控制mipmap创建过程?或者就此而言,我似乎可以使用相同的平均四点代码来手动生成 mipmap 并将它们交给 opengl。但是我不知道该怎么做...
ios - UIPopoverController 内容模糊
我在我的应用程序中展示了一个 UIPopoverController,但内容视图显得有些模糊。
为了演示,我将内容视图控制器的第二个实例直接放在 self.view 上,通过比较很容易看出弹出框中的文本是模糊的。在设备和模拟器中都会出现此问题。
截屏:
代码:
关于可能导致这种情况的任何想法?我认为 UIPopover 可能会稍微缩小视图,但我将这两个示例与图像编辑器对齐,并且大小没有差异(但弹出视图中明显的“模糊”)。
如果我使用 WEPopover(https://github.com/werner77/WEPopover/),我仍然会遇到同样的问题。
谢谢。
javascript - 通过 translate3d 实现基于 Webkit 的模糊/扭曲文本动画后处理
此问题似乎会影响所有基于 WebKit 的浏览器,包括 iPhone。
首先是一些背景。我正在开发的网站使用基于 JavaScript 的“滑块”动画。
我正在-webkit-transform: translate3d
用来为实际动画“供电”。使用此方法时,与基于 JavaScript 的方法相反,一旦内容被动画化,文本就会变得非常模糊。这在 iPhone 上尤其明显。
我看到的一些解决方法是删除相对定位,我这样做了,并添加了一个规则-webkit-font-smoothing: antialiased
,我也这样做了。这两种变化都没有丝毫不同。
我可以在没有模糊文本的情况下使其正常工作的唯一translate3d
方法是使用常规 JavaScript 制作动画并完全绕过它。我更喜欢使用它,translate3d
因为它在支持 WebKit 的设备上执行得更快,但对于我的生活,我无法弄清楚为什么它会以如此糟糕的方式影响文本。
任何建议或解决方案将不胜感激。
ios - UIScrollView 中的核心文本段落模糊
我尝试在 UIScrollView 内的视图中绘制一个长段落作为 NSAttributedString。奇怪的是,段落的顶部并不模糊,但我滚动到底部的次数越多,它就越模糊!我很清楚 Quartz 和浮点数可能会遇到的小问题,因此我尝试将视图的框架设置为低于 0.5 点。现在我的段落的顶部是模糊的,底部是好的(!)我真的不知道如何解决这个问题,希望有任何帮助!
谢谢 !
css - WebKit:带有css比例+ translate3d的模糊文本
我看到一个问题,Chrome 和其他 WebKit 浏览器会大量模糊任何也应用了 translate3d 的 css 缩放内容。
这是一个 JS Fiddle:http: //jsfiddle.net/5f6Wg/。(在 Chrome 中查看。)
是否有任何已知的解决方法?我在上面的简单示例中得到了这一点,我可以简单地使用 translate 而不是 translate3d - 这里的重点是将代码剥离到最基本的部分。
jquery - jQuery 动画高斯模糊
在我正在设计的网站的主页上,我希望初始英雄图像从模糊(高斯)变为清晰的动画。我环顾四周,惊讶地发现没有一个显而易见的 jQuery 解决方案可以做到这一点。我错过了什么吗?
由于我已经为网站上的其他内容加载了 jQuery 核心,我真的很希望它能够使用 jQuery。我找到了这个例子,但它使用的是 YUI,我宁愿不要为了这个效果而在 jQuery 之上加载 YUI。
ios - 以编程方式添加时模糊 UILabel
我正在将 UILabel 添加到用于加载目的的视图中。但是,添加后它变得模糊。奇怪的是,我在 UITableViewController 上加载的加载视图的代码几乎相同,并且在那里工作得很好。然而,UIViewController 之上的这个是模糊的。
这是我的代码: