Javascript DrawImage不'；不显示CSS样式

我正在尝试将

img

绘制到

canvas

。但是，无论我是设置

style

属性还是在CSS中设置，样式都不会继续。 这是我要做的事情

我还尝试将样式应用于

画布本身。这显示正确，但当我执行
canvas.toDataURL（…）
时，它不会获得样式

是否有其他方法将样式应用于生成的数据？
若要将过滤器应用于画布内容，可以使用尖端，它使用与CSS
过滤器属性相同的语法。在你画你的图像之前，先

context.filter = "grayscale(1)";

你可以在以后做的任何事情中通过

 context.filter = "none";

过滤后的图像将保持正确的过滤状态——
filter
属性基本上会告诉画布上下文，“从现在开始绘制的任何内容都应该应用此过滤器”，因此更改只会影响将来的绘制操作。
这将取决于要应用的样式。CSS宽度和高度容易，CSS过滤器，3D转换非常困难work@Blindman67过滤器是我想要的，就像小提琴一样。我不关心3D变换。我将引用以下作者的评论：“您可以在上下文本身上使用新的。在那里使用相同的CSS过滤器，它将应用于图像数据本身。确保图像已加载到CORS，否则提取将失败。在旧浏览器或不支持的浏览器中，您需要模拟这些过滤器。CSS过滤器规范有各种过滤器的收据。“谢谢！我仍然认为自动应用CSS样式会更好，但幸运的是，这正是我在这种特殊情况下想要的。过滤器支持有限。如果您打算推出这些类型的功能，请检查浏览器兼容性。