问题标签 [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.
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 IOMobileFramebuffer
IOMobileFramebufferGetLayerDefaultSurface + 4
sass - Gumby SCSS 框架 - 对 Retina 背景图像使用 Respond
关于在 Gumby 框架中使用响应 mixin 的非常具体的问题。
要使视网膜背景图像在 CSS 中正常工作,您需要使用响应 mixin ( http://gumbyframework.com/docs/mixins/#!/respond ),并传递 'min-device-pixel-ratio' 属性.
我不认为在 gumby 中做出响应是为了做到这一点,但也许这里有人尝试过?使用传统的媒体查询很容易,但我想尽可能使用框架挂钩,保持我的代码库简洁。
有什么见解吗?下面的代码示例 - 我认为这就是您在 SCSS 中格式化它的方式。
这就是我得到的 CSS 输出
javascript - 优化 Retina 显示的网站图像
我一直在努力寻找解决视网膜时代一个非常普遍的问题的好方法。
假设给出了以下内容:
- 使用响应式图像创建网站
- 没有 CSS 背景图片
- 网站基本功能必须在没有 JS 的情况下工作
- 网站图像必须针对视网膜显示进行优化。
解决这个问题的一个简单方法可能是这样的:
如果检测到视网膜设备,则编写某种 js 将 img.jpg 替换为 img@2x.jpg。这会起作用,但如果我在视网膜设备上输入网站,img.jpg 和 img@2x.jpg 都会被加载。对带宽不太友好:(
是否有可能在加载原始 src 之前以某种方式拦截和更改图像的 src?
或者你们中的任何人有其他解决问题的方法吗?
css - 使用@2x.png 背景图片
我们目前正在使用 SVG 和 PNG 后备的不同站点上运行样式表。
这也适用于视网膜图像吗?
或者最好通过这样的媒体查询来运行它?
谢谢
达里尔
javascript - Javascript:如何在粘贴事件中从剪贴板访问 Hi-DPI/Retina 图像?
我有一个粘贴处理程序,它在剪贴板中获取图像并将其上传到服务器。我可以成功访问剪贴板数据,但如果剪贴板图像数据的分辨率高于 72ppi,它会被下采样到 72ppi。
这在将 MacBook Retina 上的屏幕截图到剪贴板时尤其烦人(通过Command-Control-Shift-3
。图像的剪贴板数据为 144ppi — 这是我粘贴到 Photoshop 时出现的 ppi。但是,当我粘贴到浏览器中时,图像被下采样一半。
我在 Google 上搜索了粘贴日,试图找到解决方案,但没有运气。我假设下采样是使用 .getAsFile() 方法进行的。
这是代码的简化版本:
这是一个JSFiddle:
要在 Retina 机器上重现该问题:
- 截图到剪贴板
Command-Control-Shift-3
。 - 单击 JSFiddle 中的 HTML 窗格
- 粘贴 (
Command-V
) - 将出现一个新窗口,显示粘贴的图像。
- 现在打开 Photoshop,创建一个新文档,然后再次粘贴。
- 观察浏览器和 Photoshop 之间的图像分辨率和大小不同。
任何建议将不胜感激!
ios - 从 iTunes 搜索 API 获取 Retina 缩放图标
我正在从 iTunes api 中提取 iTunes Appstore 中的实时图标:
像这样
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 像素。
ios - 是否可以在视网膜上使用非视网膜图形?
我从平面设计师那里得到了非视网膜图形,用于应用程序。启动画面的分辨率为 400x640。然而我应该使用这个图形制作一个通用的 iphone 5 和 ipad 应用程序。它位于 .jpg 文件中。
我的问题是,是否可以在需要 1536x2048 像素图像的视网膜 iPad 上使用这种低分辨率图像(400x640)?或者我应该得到适当分辨率的图像?
ios - 强制 NSView 绘图表现得好像显示是视网膜
我有一个自定义 NSView,它在我的应用程序中绘制图表。我正在生成一个包含图像的 PDF。在 iOS 中,我使用如下代码执行此操作:
在 iOS 中,显示器是视网膜,这意味着图像非常高分辨率,但是,我现在正尝试在我的 Mac 应用程序中执行此操作,并且图像质量很差,因为非视网膜 Mac 会生成非高分辨率图像的版本。
当我使用它来生成图像时,我想强制我的 NSView 表现得好像它是视网膜一样。这样,当我将图像放入我的 PDF 时,它的分辨率会更高。现在,它非常模糊,没有吸引力。
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.
less - 你如何使用retina.less?
我正在尝试使用来自retinajs.com 的retina-1.1.0.less 代码。它不起作用,因为根本没有显示背景图像。
这是html:
这是retina.less:
这是CSS(不过我认为这并不重要):
button.png
并且button@2x.png
都在图像文件夹中。我想我可能没有正确链接到 LESS 文件,但我不知道如何修复它。
谢谢