在画布JavaScript中将多色图像转换为单色图像

问题描述

首先说明我的示例是原始图像。
编辑：假设使用base64数据将其放置在画布上。

这是应用颜色的输出是＃ED7600

现在，图像被转换为单一阴影。我尝试了内置构图的其他画布。但是他们都不起作用。颜色处理算法可以做到这一点。我有一些入门代码，因此每个人都可以知道输入内容。

@Component({
  selector: 'app-green-Box',template: '<div class="green-Box">Bye</div>',styles: [ 
    ':host { display: block; }','.green-Box { border: solid black 1px; background: green; }',],})
export class GreenBoxComponent {
}

我已经从堆栈溢出尝试了不同的解决方案。但是，没有什么能将多色图像准确地变为单一阴影颜色。我正在为一家印刷公司创建它，在他们的业务中，单色打印的成本更低，因此客户可以选择查看它的外观。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html5-canvas javascript