单图不同背景

Question

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

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

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

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

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

Answer 1

客户端 Html 和 Javascript：

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

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

或服务器端 C#：

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