从事一个项目，我必须在半透明 PNG 后面创建一个 div。所以用 div 我可以改变颜色，但 div 必须是不同的形状才能与图像（PNG）相匹配。
样本：
尝试过 HTML 画布、CSS 形状、CSS 剪辑路径，一个浏览器的解决方案在其他浏览器中不起作用，桌面视图的解决方案在移动视图上不起作用。
正在寻找一种裁剪 div 的解决方案，如附件所示，该解决方案应该适用于所有浏览器和所有设备（响应式）。
谢谢大家
从事一个项目，我必须在半透明 PNG 后面创建一个 div。所以用 div 我可以改变颜色，但 div 必须是不同的形状才能与图像（PNG）相匹配。
样本：
尝试过 HTML 画布、CSS 形状、CSS 剪辑路径，一个浏览器的解决方案在其他浏览器中不起作用，桌面视图的解决方案在移动视图上不起作用。
正在寻找一种裁剪 div 的解决方案，如附件所示，该解决方案应该适用于所有浏览器和所有设备（响应式）。
谢谢大家