单图不同背景

Posted

技术标签:

【中文标题】单图不同背景【英文标题】:Single image different background 【发布时间】:2016-11-26 19:25:48 【问题描述】:

我真的不知道我在搜索什么,即使在谷歌上搜索了各种各样的东西并想知道是否有人可以把我引向正确的方向。

让这个例子基于一个汽车框架。

我想要一张允许有多种颜色(十六进制)的汽车框架图像,因此当用户选择黑色时,主要汽车颜色为黑色,但汽车的形状/框架保持相同的图像,选择红色会改变颜色,但会保持相同的帧图像。

我想要一张图片的原因是,可能有 50-60 辆汽车,都有大约 20-30 种不同的颜色。所以上传这么多图片会随着时间的推移消耗大量的磁盘空间。

我可以在 ASP 网络项目中使用的任何组件/框架?

【问题讨论】:

你的图片是标准的 jpeg 还是类似的? 到目前为止是的,但我可以将图像更改为所需的任何内容 - 我不知道为什么我被否决了,因为我清楚地解释了!也许投反对票的聪明人可以解释一下! 很可能是因为你没有彻底解释任何研究尝试,除了简要提到谷歌搜索,也没有提供任何迄今为止你为完成这项工作所做的尝试的示例。 @Computer 所知道的一切 - 不同图像的路很长。我没有听说过您提到的此类框架,并且高度怀疑它们的存在。如果他们是 - 我很想知道 @JacobBarnes - 即使我确实解释过,我认为没有人会投票给我的帖子 - 看看我过去的问题,我已经详细解释过并且永远不会投票。 【参考方案1】:

客户端 htmljavascript

    我猜你可以通过创建一个部分透明的图像来有效地做到这一点。然后使用脚本更改图像下方元素的背景颜色。这取决于图片类型和输出质量是否适合您。

    更好的方法是直接更改像素的颜色。查找 Html5 画布像素操作或使用此链接:Pixel manipulation with canvas。向下滚动到灰度样本开始。

或服务器端 C#:

    使用图像过滤器/直接像素操作。查找“C# 中的像素操作”以找到适合您的项目和框架的库和 API,例如WriteableBitmapEx。更多选择:.NET Core Image Processing。

【讨论】:

以上是关于单图不同背景的主要内容,如果未能解决你的问题,请参考以下文章

如何使用组合布局为不同部分设置不同的背景?

使图表的背景在不同区域不同颜色

不同 UI-Router 状态的不同 body 背景

UiView背景颜色不同[重复]

背景:VS背景颜色。有啥不同? [复制]

80列后Emacs中的不同背景颜色?