问题标签 [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.
javascript - 如何用更大的版本替换 twitter 流头像?
我正在尝试创建一个浏览器扩展程序,该扩展程序自动将流中的 twitter 头像从他们的 _normal 版本替换为他们的 _normal 版本(将 _normal.jpg 字符串替换为 _bigger.jpg)
当在 jsfiddle jsfiddle to test外部执行时,以下代码在执行此替换时没有问题。
但是当我尝试在 twitter 页面的控制台中使用相同的代码时,所有头像图像都会消失。为什么是这样?
css - CSS3 关键帧动画在 Retina 显示屏上反应迟缓
采用一个非常基本的 CSS3 动画规则,如下所示:
在除 MacBook Retina 显示屏之外的每台显示器上的 Chrome 中,动画都像丝绸一样流畅。当我们在 MBP 视网膜上尝试时,动画运行明显变慢并且通常感觉滞后。
我在使用Transit时遇到了同样的情况(如果您有视网膜和外部显示器,请尝试运行 Transit 的演示(或任何 CSS3 动画?),比较两个屏幕,您应该会觉得它不像您想的那么流畅喜欢)
我们尝试通过设置-webkit-transform: translateZ(0)
和其他一些东西-webkit-backface-visibility: hidden
来利用 GPU,但无济于事。
那么显然 Retina 显示器具有更高的像素密度,但是可以采取哪些方法来解决这个问题呢?
css - 图片名称@x2的CSS问题
我发现由于某种原因,CSS 不会读取包含“@2x”的图像名称(表示该图像用于视网膜),例如,这将起作用:
这不起作用:
在所有浏览器和设备(iPhone、iPod、iPad)上都是一样的。任何想法?
css - 是否可以在输入框中使用视网膜图像?
我正在使用 Bootstrap 3 的 .img-retina mixin,到目前为止效果很好。出于某种原因,它没有在输入框中呈现视网膜质量图像。这是正确的大小和位置,但它不是视网膜质量。我在一个选择框中做同样的事情并且它正在工作,所以代码设置得很好。我还将输入中的图标换成了另一个(在其他地方工作),它也出现了像素化。是否不可能在输入中渲染视网膜图像?
macos - 渐变纹理在视网膜 Mac 上的比例错误
我在 SKTexture 上写了一个梯度生成函数作为类别。它在 1x 屏幕上运行良好,但视网膜渲染纹理太大,双倍宽度和双倍高度,即错误的比例。我一直试图通过在像素和点之间进行更改来使其正确,但无法正确。有人能帮助我吗?
因此,总而言之,我希望+(SKTexture*)gradientWithSize:(const CGSize)SIZE colors:(NSArray*)colors
使用 SIZE 的点数来调用。
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?
jquery - 使用 jQuery 的 Retina 图像 - 首先检查图像是否存在
我从几个博客中找到了一些代码,我已经对自己进行了一些调整,以显示适合我目前情况的视网膜图像,以及如何为视网膜设备显示更大的图像。当前代码只是将最后一个字母替换为字母“L”。
当前脚本完美运行,因为我所有的小图像都有“S.jpg”,而我所有的大图像都是“L.jpg”。
我该如何检查是否存在较大的版本,如果不存在则恢复/保留小版本。目前它试图显示大,无论它是否存在。
我的html是这样的:(我不想在HTML中添加任何额外的标签。即'-data-retina')
这是我当前的 jQuery:
我知道有一些预制插件可以完成这项工作,但它们要么要求我将大图像添加到 IMG 标签的 html 源中,这对我来说并不理想。我只希望它与给定的类名一起工作。不是全部。
email - Apple Mail 7.0 中嵌入的高 DPI 图像的奇怪行为
我遇到了一个问题,即使带有width
属性,图像也会以本机尺寸显示:
这是我的测试html
这是 Apple Mail 7.0 的屏幕截图
编辑 这是原始电子邮件正文:
图像嵌入了phpMailer,因此源看起来可能略有不同,但宽度属性将保留。
只有第一个嵌入的图像受到影响
我用 Litmus 进行了测试,所有其他邮件都按预期工作。甚至Apple Mail 5和Apple Mail 6
这是 Apple Mail 中的错误还是我错过了什么?
python - 如何在 Python 中制作支持视网膜的状态栏图标?
我使用这些代码制作了一个图标:
但在配备 Retina Display 的 Macbook Pro 上却非常难看。
如何使状态栏图标在 Python 中支持视网膜显示?
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。