- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一张灰度图像,需要使用 5 种颜色的渐变值进行绘制。亮像素应从渐变中获得较浅的颜色,暗像素应获得较暗的颜色。
如果渐变以黄色开始并以红色结束,那么白色像素将是黄色,黑色像素将是红色,渐变之间的所有内容。
用ColorMatrix可以吗?
最佳答案
在最简单的情况下,您想要的是 3d 中 5 个点之间的线性插值。两种颜色 {r1,g1,b1} 和 {r2,g2,b2} 之间的直接颜色渐变是,就像您走在 3d 中连接点 {r1,g1,b1} 和 {r2,g2, b2}。当您的灰度值在 [0,1] 区间内时,如果灰度级为 0,则希望颜色为 {r1,g1,b1},如果灰度级为 {r2,g2,b2} gray-level 1. 问题是如何计算中间的颜色:
想想简单的学校矢量分析。 c1 是点 {r1,g1,b1},c2 是 {r2,g2,b2}。从 c1 开始,沿着向量 c2-c1 的方向前进:
outColor = c1 + gray*(c2-c1)
或等效
outColor = (1-gray)c1 + grayc2
记住,灰色必须在区间[0,1]内。否则你必须重新调整它。这是两点之间的简单线性插值,当然可以根据需要扩展为任意多的颜色。
对于五种颜色,方法基本相同。这里有 5 种随机选择的颜色:
{{0.273372, 0.112407, 0.0415183},
{0.79436, 0.696305, 0.167884},
{0.235083, 0.999163, 0.848291},
{0.295492, 0.780062, 0.246481},
{0.584883, 0.460118, 0.940826}}
您必须知道的两件重要事情:
如果您想获得给定灰度值的颜色,首先需要提取周围的两个 rgb 点。例如,如果您想要 gray=0.1 的颜色,它将是第一个和第二个 rgb 点。
您必须根据您在渐变中使用的颜色数量重新调整您的灰度值。查看图像,有 5 种颜色,您有 4 个不同的两点插值间隔。当您想让上述颜色公式起作用时,您必须将每个颜色间隔的灰度值重新调整为 [0,1]。
备注: 这当然不是在 C# 中实现的解决方案,但您的问题表明,创建相同大小的彩色图像不是您的问题。计算每个灰度值的颜色值是着色的关键。
关于c# - 为灰度图像着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8849496/
有谁知道是否有办法在悬停时使图像灰度 - 除了创建 2 个单独的图像并更改 src 之外。 谢谢 编辑 - 半工作代码...: $(document).ready(function() {
我正在使用 flexbox 构建一个网站,其中包含 16x9 视频缩略图的 3 乘任意网格。我想在彩色缩略图变成单调(灰度 + x% 透明颜色层)的地方创建翻转,上面有一个白色 Logo 。 尽管我尽
现在泰国很多网站都是灰度的,大多使用-webkit-filter: grayscale(100%), filter: grayscale(100%)等。 我知道我们可以像往常一样“手动”(在 Chro
给定一张灰度的图像,我如何获得该位置的灰度像素值? 这始终将 temp 输出为 -16777216(黑色)。 public void testMethod() { int width = im
灰度化一个可绘制对象: ColorMatrix matrix = new ColorMatrix(); matrix.setSaturation(200); ColorMatrixColorFilte
我正在尝试创建一种悬停效果,其中图像以全彩色开始,当我将鼠标悬停在图像上时,我希望它有一个蓝色覆盖层。 事实是,只有一个简单的蓝色叠加层,它只是在彩色图像之上放置一个半透明的蓝色 block ……这意
将颜色 Drawable 转换为灰度的正确方法是什么(表示禁用状态)? 编辑: 黑白 => 灰度 最佳答案 我知道这个问题是不久前提出的,但我遇到了一个更简单的解决方案,如果你有一个 Drawable
我需要将 CMYK 图像转换为灰度 CMYK 图像。起初我以为我可以使用与 RGB -> 灰度转换相同的方法,比如 (R + G + B)/3 或 max(r, g, b)/2 + min(r, g,
我遇到了一些将 UIImage 更改为灰度的代码的问题。它可以在 iPhone/iPod 上正常工作,但在 iPad 上,任何已经绘制的内容都会在此过程中被拉伸(stretch)和扭曲。 它有时也只在
假设我有: int x = 140; 我想得到的结果: int y = new Color(x, x, x).getRGB() 来自 Java API 文档: getRGB() Gets the RG
我在我的论文中使用 opencv 用 c++ 编写了一个 block 匹配算法。它正在处理灰度图片并通过其绝对像素地址寻址 IPLImage。 我必须将 IPLImage 分成相同大小的 block
我有一个带有背景图像的 div,我正在使用过滤器以黑白方式显示它 (filter: grayscale(100%);)。我现在正试图在该 div 中放置一个颜色图标。尝试将图标设置为 grayscal
我会避免使用 cvtColor(frame, image, CV_RGB2GRAY); 转换摄像机拍摄的每一帧无论如何设置 VideoCapture 直接进入灰度? 例子: VideoCapture
我有一些 CSS 可以将我的图像变成灰度(带有一些用于 Firefox 的 svg) img.grayscale{ filter: grayscale(100%);
有没有什么方法可以在不丢失任何其他功能的情况下以灰度显示 Google map (通过 Javascript API 嵌入)? 最佳答案 是的,他们在 API 的 V3 中引入了 StyledMaps
我正在使用 Java Swing 制作桌面应用程序。 在我的应用程序中,我对 16 位灰度和 tiff 图像进行了一些图像处理。 在我的应用程序中,用户可以通过将图像拖放到 JDesktopPane
我正在为学校的一个项目执行此操作,稍后将添加更多功能,但我在完成基本设置时遇到了困难。 我最初尝试在 C++ 中执行此操作,但在阅读了有关 BufferedImage 的一些文档后决定切换到 Java
我使用 Canvas 更改网页上图像的颜色(本例为灰度)。但是,通过使用以下代码,仅更改了最后一张图像。 但我想更改网页上所有图像的颜色 $(function(){ var theI
首先我要警告你,我只是一个试图让事情发挥作用的物理学家,我对 C++ 的知识基本上是不存在的。 我目前正在使用 GATE 模拟 CT 扫描仪,我需要将输出转换为 bmp 文件。 Gate 制作了一系列
link 在 chrome 中,它运行完美。但是,在 Firefox 中,图像不会出现。 我已经设置了 SVG 的 mime 类型,并且 mime 类型检查器显示 mime 类型是正确的。 有人能帮帮
我是一名优秀的程序员,十分优秀!