Chrome中Canvas填充颜色与设置不符的问题求助

• Chrome颜色管理配置问题：这是最常见的原因。Chrome默认会依据显示器的颜色配置文件调整渲染颜色，而Firefox的颜色管理逻辑不同，导致Canvas和DOM元素颜色出现差异。
  解决步骤：在Chrome地址栏输入 chrome://flags/#force-color-profile，将选项修改为 sRGB，重启Chrome后再测试。

• 排查插件干扰：临时禁用uBlock Origin，刷新页面确认颜色是否一致，排除插件对颜色渲染的影响。

• Canvas尺寸适配问题：未指定Canvas的宽高属性时，默认尺寸是300x150，可能存在拉伸渲染导致的颜色偏差。可以给Canvas添加宽高属性：

  <canvas width="150" height="150"></canvas>
  

内容的提问来源于stack exchange，提问作者Ryan Peschel