尝试使用一个普通的js函数来同时旋转和scaleX，同时使用一个变量来表示旋转度

使用一个普通的 JavaScript 函数来同时旋转和 scaleX，可以通过 CSS 的 transform 属性来实现。下面是一个示例函数：

function rotateAndScaleX(element, rotationDegree, scaleXValue) {
  element.style.transform = `rotate(${rotationDegree}deg) scaleX(${scaleXValue})`;
}

这个函数接受三个参数：element 表示要进行操作的元素，rotationDegree 表示旋转的角度，scaleXValue 表示 X 轴的缩放比例。

使用该函数可以同时旋转和缩放一个元素。例如，假设有一个 <div> 元素的 id 是 "myElement"，我们可以调用函数来旋转和缩放它：

const element = document.getElementById("myElement");
rotateAndScaleX(element, 45, 1.5);

这将使元素以 45 度的角度旋转，并在 X 轴上以 1.5 倍的比例进行缩放。

这种方法可以应用于任何需要同时旋转和缩放的元素，例如图片、图标、按钮等。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景，包括前端开发、后端开发、数据库、服务器运维等。了解更多信息，请访问 腾讯云云服务器产品页面。
• 腾讯云云函数（SCF）：无服务器计算服务，可以帮助开发者构建和运行云端应用程序，无需关注服务器管理。适用于处理后端逻辑、实现自动化任务等场景。了解更多信息，请访问 腾讯云云函数产品页面。