问题标签 [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 回答
1568 浏览

ios7 - IOMobileFramebufferGetLayerDefaultSurface 在 ios7 视网膜上不起作用

我想从后台服务捕获屏幕截图。它在 ios6 和 ios7 下工作正常,但在 ios7 视网膜下崩溃。

这是我的代码

在视网膜上运行时 IOMobileFramebufferGetLayerDefaultSurface(connect, 0, &m_screenSurfaceRef) 崩溃。

崩溃信息:

线程#1:tid = 0x1dfe9, 0x000000018ea2c270 IOMobileFramebuffer IOMobileFramebufferGetLayerDefaultSurface + 4, queue = 'com.apple.main-thread, stop reason = EXC_BAD_ACCESS (code=1, address=0x5e06dc28) frame #0: 0x000000018ea2c270 IOMobileFramebufferIOMobileFramebufferGetLayerDefaultSurface + 4

0 投票
1 回答
409 浏览

sass - Gumby SCSS 框架 - 对 Retina 背景图像使用 Respond

关于在 Gumby 框架中使用响应 mixin 的非常具体的问题。

要使视网膜背景图像在 CSS 中正常工作,您需要使用响应 mixin ( http://gumbyframework.com/docs/mixins/#!/respond ),并传递 'min-device-pixel-ratio' 属性.

我不认为在 gumby 中做出响应是为了做到这一点,但也许这里有人尝试过?使用传统的媒体查询很容易,但我想尽可能使用框架挂钩,保持我的代码库简洁。

有什么见解吗?下面的代码示例 - 我认为这就是您在 SCSS 中格式化它的方式。

这就是我得到的 CSS 输出

0 投票
4 回答
1030 浏览

javascript - 优化 Retina 显示的网站图像

我一直在努力寻找解决视网膜时代一个非常普遍的问题的好方法。

假设给出了以下内容:

  • 使用响应式图像创建网站
  • 没有 CSS 背景图片
  • 网站基本功能必须在没有 JS 的情况下工作
  • 网站图像必须针对视网膜显示进行优化。

解决这个问题的一个简单方法可能是这样的: 

如果检测到视网膜设备,则编写某种 js 将 img.jpg 替换为 img@2x.jpg。这会起作用,但如果我在视网膜设备上输入网站,img.jpg 和 img@2x.jpg 都会被加载。对带宽不太友好:(

是否有可能在加载原始 src 之前以某种方式拦截和更改图像的 src?

或者你们中的任何人有其他解决问题的方法吗?

0 投票
1 回答
4599 浏览

css - 使用@2x.png 背景图片

我们目前正在使用 SVG 和 PNG 后备的不同站点上运行样式表。

这也适用于视网膜图像吗?

或者最好通过这样的媒体查询来运行它?

谢谢

达里尔

0 投票
0 回答
375 浏览

javascript - Javascript:如何在粘贴事件中从剪贴板访问 Hi-DPI/Retina 图像?

我有一个粘贴处理程序,它在剪贴板中获取图像并将其上传到服务器。我可以成功访问剪贴板数据,但如果剪贴板图像数据的分辨率高于 72ppi,它会被下采样到 72ppi。

这在将 MacBook Retina 上的屏幕截图到剪贴板时尤其烦人(通过Command-Control-Shift-3。图像的剪贴板数据为 144ppi — 这是我粘贴到 Photoshop 时出现的 ppi。但是,当我粘贴到浏览器中时,图像被下采样一半。

我在 Google 上搜索了粘贴日,试图找到解决方案,但没有运气。我假设下采样是使用 .getAsFile() 方法进行的。

这是代码的简化版本:

这是一个JSFiddle:

要在 Retina 机器上重现该问题:

  1. 截图到剪贴板Command-Control-Shift-3
  2. 单击 JSFiddle 中的 HTML 窗格
  3. 粘贴 ( Command-V)
  4. 将出现一个新窗口,显示粘贴的图像。
  5. 现在打开 Photoshop,创建一个新文档,然后再次粘贴。
  6. 观察浏览器和 Photoshop 之间的图像分辨率和大小不同。

任何建议将不胜感激!

0 投票
0 回答
151 浏览

ios - 从 iTunes 搜索 API 获取 Retina 缩放图标

我正在从 iTunes api 中提取 iTunes Appstore 中的实时图标:

http://www.apple.com/itunes/affiliates/resources/documentation/itunes-store-web-service-search-api.html#searchexamples

像这样

http://itunes.apple.com/lookup?country=JP&id=288210303

在json下面,有这个条目:

"artworkUrl60": " http://a689.phobos.apple.com/us/r30/Purple4/v4/e0/1e/4f/e01e4ff0-05dd-165a-534b-6de08c99a6b4/icon.png ",

这张图片原来是一个 57x57 像素的图标。对于视网膜屏幕来说还不够。如何获得其他比例的艺术品?我不认为我应该得到 1024x1024px 的版本并将它们缩小,对吗?

所以,我希望大部分时间都能获得 60x60 点比例 2,即 120x120 像素。对于我们的 iOS6 朋友来说,57x57 点/114x114 像素。

0 投票
2 回答
60 浏览

ios - 是否可以在视网膜上使用非视网膜图形?

我从平面设计师那里得到了非视网膜图形,用于应用程序。启动画面的分辨率为 400x640。然而我应该使用这个图形制作一个通用的 iphone 5 和 ipad 应用程序。它位于 .jpg 文件中。

我的问题是,是否可以在需要 1536x2048 像素图像的视网膜 iPad 上使用这种低分辨率图像(400x640)?或者我应该得到适当分辨率的图像?

0 投票
2 回答
608 浏览

ios - 强制 NSView 绘图表现得好像显示是视网膜

我有一个自定义 NSView,它在我的应用程序中绘制图表。我正在生成一个包含图像的 PDF。在 iOS 中,我使用如下代码执行此操作:

在 iOS 中,显示器是视网膜,这意味着图像非常高分辨率,但是,我现在正尝试在我的 Mac 应用程序中执行此操作,并且图像质量很差,因为非视网膜 Mac 会生成非高分辨率图像的版本。

当我使用它来生成图像时,我想强制我的 NSView 表现得好像它是视网膜一样。这样,当我将图像放入我的 PDF 时,它的分辨率会更高。现在,它非常模糊,没有吸引力。

0 投票
1 回答
152 浏览

option - WordPress retina logo option

I want to add an option to my theme for retina logo. So when I upload the retina logo I want it to be retina on retina devices. I am not sure what php to use for that .

I have already the option logo retina upload in admin theme panel but doesn't work because I don't know what action to use for that option.

0 投票
1 回答
896 浏览

less - 你如何使用retina.less?

我正在尝试使用来自retinajs.com 的retina-1.1.0.less 代码。它不起作用,因为根本没有显示背景图像。

这是html:

这是retina.less:

这是CSS(不过我认为这并不重要):

button.png并且button@2x.png都在图像文件夹中。我想我可能没有正确链接到 LESS 文件,但我不知道如何修复它。

谢谢