pxcook中获取元素旋转角度有四种方法：一、通过图层属性面板查看“旋转”或“angle”字段；二、解析导出json中的transform矩阵并计算atan2(b,a)；三、用浏览器开发者工具检查预览页的transform样式；四、直接在sketch源文件inspector中查看rotation值。
如果您在使用PxCook进行设计稿标注时，需要获取某个元素的旋转角度（即CSS transform中的rotate值），但软件未直接显示该参数，则可能是由于旋转信息未被自动解析或需通过特定方式提取。以下是读取元素旋转角度的多种方法：
一、通过图层属性面板查看旋转值
PxCook在导入Sketch或XD文件后，部分版本会将图层的旋转角度映射为独立属性项。该方式适用于原始设计文件中已明确设置rotate且未被合并或栅格化的图层。
1、在左侧图层列表中选中目标元素（如图标、文字块或形状）。
2、右侧属性面板中查找“旋转”或“Angle”字段，其数值单位通常为度（°）。
3、若该字段显示为“0”但视觉上明显倾斜，说明该图层可能使用了transform: rotate()以外的方式实现倾斜（如斜切skew）或已被转为位图。
二、检查导出JSON数据中的transform字段
PxCook支持导出标注数据为JSON格式，其中包含完整的CSS transform矩阵信息。通过解析matrix值可反推旋转角度，适用于所有经transform变换的元素，包括rotate、scale、translate组合情况。
1、点击右上角“导出”按钮，选择“导出标注数据（JSON）”。
2、在生成的JSON文件中定位到目标图层对象，查找"transform"键对应的6位数组，形如[cosθ, sinθ, -sinθ, cosθ, tx, ty]。
3、提取前四项，计算θ = atan2(a[1], a[0])，再转换为角度制：Math.round(θ * 180 / Math.PI)。
4、注意：若a[0]与a[3]不相等或a[2]与-a[1]偏差较大，表明存在非纯旋转（如含缩放或斜切），此时角度值仅为近似主旋转分量。
三、使用浏览器开发者工具辅助识别
当PxCook无法直接读取旋转值，但设计稿已发布为网页预览链接时，可通过模拟渲染环境获取真实CSS样式。该方法依赖于PxCook导出的HTML预览功能是否保留transform声明。
1、在PxCook中点击“预览”按钮，打开浏览器中的标注页面。
2、右键目标元素，选择“检查”，在Elements面板中定位对应DOM节点。
3、在Styles侧栏中查找“transform”属性，若存在rotate()函数，直接读取括号内数值（如rotate(30deg) → 30）。
4、若仅显示matrix()形式，需手动提取：matrix(a,b,c,d,tx,ty)中角度θ = Math.atan2(b, a) * 180 / Math.PI。
四、借助第三方插件解析Sketch源文件
若原始设计文件为Sketch格式且PxCook解析不完整，可绕过PxCook，直接从Sketch源文件中提取旋转参数。该方式精度最高，适用于开发需严格对齐设计意图的场景。
1、在Sketch中选中目标图层，按⌥⌘A调出“Inspector”面板。
2、查看“Geometry”区域下的“Rotation”数值，单位为度，支持小数精度（如-15.5）。
3、若该值为空或为0，点击图层右键 → “Layer” → “Rotate…”，确认是否通过自由旋转工具操作过。
4、导出Sketch源文件为SVG时，
