Html 旋转和缩放脚本

我有一个使用p5.js库用JavaScript编写的简单动画。我通常使用将这些脚本放在web上，并使用CSS规则垂直对齐：顶部；z-index:-1我的动画画布通常是动态缩放的，因此不需要复杂的CSS

如果画布具有固定的宽度和高度，例如600 x 400，是否可以应用CSS 2D变换，如transform:translate50px、100px；变换：旋转50px，100px；整个画布？作为后续问题，我将如何将CSS指向脚本？我可以把剧本交给它自己的课吗？或者我必须把脚本放在

---

谢谢

是的，您可以在固定大小的画布元素上应用CSS和2d变换

帆布{ 宽度：600px； 高度：400px； 背景：黑色； 变换：平移50px，100px；变换：旋转45度； }

---

我明白了，谢谢你的澄清。请注意，我使用p5.js库时，是否会使用画布对矩形或椭圆等元素进行旋转和缩放，即使它们被赋予了宽度为20px、高度为10px的属性？@Arkadelic是的，您可以使用p5将变换应用于矩形或任何形状。您可以在开发工具中创建和应用它们，并亲自查看。Re：缩放，如果在任何HTML元素上定义硬宽度，它不会随屏幕缩放，因为宽度是固定值。固定值不会自动缩放。您可能需要使用媒体查询来定义断点，以便在视口更改时调整画布的大小，或者使用缩放的相对单位。