【发布时间】：2022-09-29 20:33:44
【问题描述】：
改变原始图像饱和度
img.css(\'filter\', \'saturate(0%)\');
创建画布
$(\'#btnsave\').on(\'click\', function(){
html2canvas($(\'#cins\')[0]).then((canvas) => {
$(\'#res\').append(canvas);
});
});
结果图像没有新的饱和度值，而是原始的hue 过滤器也是如此
如何使用新的 CSS 过滤器值获取画布图像？
-
何时调用
img.css(\'filter\', \'saturate(0%)\');？img来自哪里？ -
@Sumit -
img是 div 内的标准图像。img.css...在btnsave点击之前被调用 -
img在 DOM 中的什么位置？它与画布代码完全相关吗？ -
@Sumit - 是的，它在
cinsdiv 内部 - 与画布完全相关 -
您可以尝试在 JS 之外添加带有外部/内联 CSS 的
saturate(...)属性吗？那样有用吗？
标签： javascript jquery canvas filter html2canvas