单个图象不同的背景

Question

我真的不知道即使在谷歌上搜索各种各样的内容后我还在想什么，并且想知道是否有人能让我朝着正确的方向前进。

让我们将这个例子放在车架上。

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

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

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

Answer 1

客户端Html和Javascript：

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

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

或服务器端C＃：

1. 使用图像滤镜/直接像素操作。在C＃中寻找＆＃34; Pixel Manipulation＆＃34;为您的项目和框架找到合适的库和API，例如WriteableBitmapEx。这里有更多选择：.NET Core Image Processing。