问题标签 [retina]

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.

0 投票
1 回答
116 浏览

javascript - 如何用更大的版本替换 twitter 流头像?

我正在尝试创建一个浏览器扩展程序,该扩展程序自动将流中的 twitter 头像从他们的 _normal 版本替换为他们的 _normal 版本(将 _normal.jpg 字符串替换为 _bigger.jpg)

当在 jsfiddle jsfiddle to test外部执行时,以下代码在执行此替换时没有问题。

但是当我尝试在 twitter 页面的控制台中使用相同的代码时,所有头像图像都会消失。为什么是这样?

0 投票
1 回答
980 浏览

css - CSS3 关键帧动画在 Retina 显示屏上反应迟缓

采用一个非常基本的 CSS3 动画规则,如下所示:

在除 MacBook Retina 显示屏之外的每​​台显示器上的 Chrome 中,动画都像丝绸一样流畅。当我们在 MBP 视网膜上尝试时,动画运行明显变慢并且通常感觉滞后。

我在使用Transit时遇到了同样的情况(如果您有视网膜和外部显示器,请尝试运行 Transit 的演示(或任何 CSS3 动画?),比较两个屏幕,您应该会觉得它不像您想的那么流畅喜欢)

我们尝试通过设置-webkit-transform: translateZ(0)和其他一些东西-webkit-backface-visibility: hidden来利用 GPU,但无济于事。

那么显然 Retina 显示器具有更高的像素密度,但是可以采取哪些方法来解决这个问题呢?

0 投票
1 回答
1241 浏览

css - 图片名称@x2的CSS问题

我发现由于某种原因,CSS 不会读取包含“@2x”的图像名称(表示该图像用于视网膜),例如,这将起作用:

这不起作用:

在所有浏览器和设备(iPhone、iPod、iPad)上都是一样的。任何想法?

0 投票
0 回答
120 浏览

css - 是否可以在输入框中使用视网膜图像?

我正在使用 Bootstrap 3 的 .img-retina mixin,到目前为止效果很好。出于某种原因,它没有在输入框中呈现视网膜质量图像。这是正确的大小和位置,但它不是视网膜质量。我在一个选择框中做同样的事情并且它正在工作,所以代码设置得很好。我还将输入中的图标换成了另一个(在其他地方工作),它也出现了像素化。是否不可能在输入中渲染视网膜图像?

0 投票
1 回答
1291 浏览

macos - 渐变纹理在视网膜 Mac 上的比例错误

我在 SKTexture 上写了一个梯度生成函数作为类别。它在 1x 屏幕上运行良好,但视网膜渲染纹理太大,双倍宽度和双倍高度,即错误的比例。我一直试图通过在像素和点之间进行更改来使其正确,但无法正确。有人能帮助我吗?

因此,总而言之,我希望+(SKTexture*)gradientWithSize:(const CGSize)SIZE colors:(NSArray*)colors使用 SIZE 的点数来调用。

0 投票
1 回答
4430 浏览

css - Half pixel border radius in retina

When using a retina display, is it possible to use half-pixel border radius like this:

I did it on my retina iPhone 4, and it shows up as a 1px border radius. Any reasons and/or fixes?

0 投票
2 回答
385 浏览

jquery - 使用 jQuery 的 Retina 图像 - 首先检查图像是否存在

我从几个博客中找到了一些代码,我已经对自己进行了一些调整,以显示适合我目前情况的视网膜图像,以及如何为视网膜设备显示更大的图像。当前代码只是将最后一个字母替换为字母“L”。

当前脚本完美运行,因为我所有的小图像都有“S.jpg”,而我所有的大图像都是“L.jpg”。

我该如何检查是否存在较大的版本,如果不存在则恢复/保留小版本。目前它试图显示大,无论它是否存在。

我的html是这样的:(我不想在HTML中添加任何额外的标签。即'-data-retina')

这是我当前的 jQuery:

我知道有一些预制插件可以完成这项工作,但它们要么要求我将大图像添加到 IMG 标签的 html 源中,这对我来说并不理想。我只希望它与给定的类名一起工作。不是全部。

0 投票
2 回答
646 浏览

email - Apple Mail 7.0 中嵌入的高 DPI 图像的奇怪行为

我遇到了一个问题,即使带有width属性,图像也会以本机尺寸显示:

这是我的测试html

这是 Apple Mail 7.0 的屏幕截图

在此处输入图像描述

编辑 这是原始电子邮件正文:

图像嵌入了phpMailer,因此源看起来可能略有不同,但宽度属性将保留。

只有第一个嵌入的图像受到影响

用 Litmus 进行了测试,所有其他邮件都按预期工作。甚至Apple Mail 5Apple Mail 6

这是 Apple Mail 中的错误还是我错过了什么?

0 投票
1 回答
322 浏览

python - 如何在 Python 中制作支持视网膜的状态栏图标?

我使用这些代码制作了一个图标:

但在配备 Retina Display 的 Macbook Pro 上却非常难看。

如何使状态栏图标在 Python 中支持视网膜显示?

0 投票
2 回答
2059 浏览

macos - 有没有办法在 hidpi 模式下运行 genymotion?

我正在尝试在 HiDPI 模式下在 rMBP 上运行 genymotion。显然我的 Virtualbox 版本已经<key>NSHighResolutionCapable</key> <true/>在 Contents/Info.plist 中设置了

仍然 genymotion 确实将 vm 缩放到 200%,这不仅使一切看起来都非常模糊,而且还增加了缩小后的模糊性。

我在 OSX 10.9 上使用 Virtualbox 4.3.2 和 genymotion 1.3.1。