问题标签 [subpixel]

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 回答
1961 浏览

css - 无论用户在 chrome(或任何浏览器)中放大多少,如何确保始终显示 1px 边框?

我知道它是一个子像素计算的东西,我读了另外两个关于它的 SO(12),但是,我想知道在不改变规范的情况下是否有专门针对这种情况的优雅解决方案(因为我知道我是否添加了额外的填充围绕父容器将避免它)https://codepen.io/adamchenwei/pen/GxKZpd 当一个框有 1 像素宽度的边框并且当用户放大 50% 时,悬停效果的背景颜色会以某种方式覆盖边框本身 *注意:我确实意识到我正在处理的实际组件,当我放大大约 75% 时它会消失, 所以请在将光标悬停在每个项目上时尝试不同的百分比,以查看右侧和底部的边框何时消失在某个缩放级别,不是所有缩放级别都会观察到它!

工作站:

我正在使用最新的 Chrome 浏览器使用 15.4 英寸的 Macbook pro。

CSS

HTML

0 投票
1 回答
646 浏览

image-processing - 整数和亚像素移位

我想知道什么是整数移位?

图像处理中的整数和亚像素移位有什么区别?

0 投票
0 回答
92 浏览

php - 用php进行亚像素定位

我正在用 PHP 编写一个图形应用程序。我正在使用 GD 函数imagecopy()来组合两张图像,一张比另一张小。我想将较小的图像放置在浮点位置的较大图像之上。像这样:

该函数接收整数,因此我的坐标会自动向上或向下舍入。这对我来说很重要,因为我正在创建一个精致的动画,而浮点值的四舍五入会搞砸它。有没有办法在它的浮点位置绘制图像?

谢谢你。

0 投票
1 回答
535 浏览

qt - 如何以亚像素精度翻译/裁剪 QImage?

用例是一个以车辆为起点的 2D 地图。如果车辆移动例如 0.5 像素,则地图也应进行平移。我相信使用双线性插值或类似方法应该是可行的。

如果没有使用 Qt 的简单解决方案,我将不胜感激对非 Qt 解决方案的提示。

最小的例子:

给定具有清晰边界的输入图像(见下文),我希望输出图像具有模糊的边界。不是这种情况:

在此处输入图像描述

如何解决?

0 投票
1 回答
388 浏览

c++ - 在 OpenCV 中插入图像外的像素矩形

我最近正在阅读cv::getRectSubPixOpenCV 中的代码,其中涉及处理图像中的矩形。具体来说,我被困在adjustRect用于重塑越界矩形窗口的函数上。
根据 的代码,如果(红框)如下所示 ,矩形的adjustRect左上角p=(x,y)将变为p'=(-x,-y)(蓝框) : 让我感到困惑的是中的最后一行:p在此处输入图像描述adjustRect

为什么src只改变x方向?据我了解,正确的代码应该是:

此外,如果两者都为负,我认为将指向src未定义的内存。任何人都可以帮忙吗?xy

0 投票
1 回答
171 浏览

python - 调用 SubpixelConv2D 函数时出现“ValueError: None values not supported”

我正在尝试利用SubpixelConv2D 函数

我正在训练一个 GAN,并且想使用子像素而不是插值或卷积转置来上采样,因为它们留下了伪影。

我正在使用 Tensorflow/1.4.0 和 Keras/2.2.4

当我尝试调用该函数时,我收到以下错误:

“ValueError:不支持任何值。”

我使用以下方法调用该函数:

功能如下:

输入张量的大小是(?,48,48,64),我相信“?” 因为批量大小导致错误,但我似乎无法解决问题。

0 投票
2 回答
1405 浏览

javascript - 防止使用 svg 进行亚像素渲染

我目前正在使用 SVG,但走到了死胡同。

SVG 有线条,应该与缩放一起缩放(以便它们保持平衡:例如 100% 宽度 10px --> 10% 宽度 1px)

stroke-widths我用这段代码缩放所有:

width缩放后的新宽度在哪里,imgData.w是原始未缩放的宽度。

问题是,如果我放大到远处。笔画变小并导致子像素渲染。据说黑线会变成灰色。

我的想法是在某个点剪辑值以防止它。但据我所知,我也必须考虑设备像素比率,因为不同的屏幕(桌面、移动、4K)

如果有人可以帮助我解决我的问题,那就太好了

0 投票
1 回答
659 浏览

opencv - find4QuadCornerSubpix 与cornerSubPix

我无法找到有关 find4QuadCornerSubpix() 函数的任何信息。我试图了解 find4QuadCornerSubpix() 和cornerSubPix() 之间的区别。

有人可以帮助我吗?

谢谢

0 投票
1 回答
659 浏览

css - 浏览器何时将像素分数舍入为完整像素,何时不舍入?

我记得在 SO 上读到过,在 CSS 中通常应避免使用像素分数,因为浏览器倾向于将它们四舍五入为全像素。

实际上,下面的示例显示了如何将0.3像素四舍五入为完整像素:

我很惊讶,因为我似乎找到了一个反例:

比较1px

我并没有抱怨发生了,相反它对我来说几乎是救命稻草,但我想了解它为什么会发生。

  • 浏览器何时将像素分数舍入为全像素?他们什么时候不是?这里有什么规则?
  • 在上面的例子中,0.3px我可以依赖浏览器不四舍五入吗?1px这种行为在浏览器中是否一致?或者依赖这种行为会带来麻烦?
  • 这到底是怎么发生的?在笔记本电脑上,像素应该是硬件(显示器)限制不可分割的?
0 投票
1 回答
241 浏览

java - 用 Java 绘制具有亚像素精度的图像

如何在java中以亚像素精度绘制图像?

我在这里发现了类似的问题:

使用 Graphics2D 使用亚像素级精度绘制图像

亚像素图像渲染

不幸的是,答案中提供的解决方案对我不起作用。

g2.translate(50.5, 50.5);亚像素精度填充简单的矩形效果很好。

但是,当我使用g2.translate(double x, double y)以亚像素精度绘制图像时,它不起作用。这与使用整数位置绘制的结果完全相同。

为什么这不起作用?我用双值翻译了图形,但我没有看到像素之间的任何插值。