javascript - 单图不同背景

Question

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

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

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

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

我可以在 ASP 网络元素中使用任何组件/框架吗？

Answer 1

客户端 Html 和 Javascript:

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

2. 更好的方法是直接更改像素的颜色。寻找 Html5 Canvas 像素操作或使用此链接:Pixel manipulation with canvas .向下滚动到灰度示例以开始。

或服务器端 C#:

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