如何在Quarto演示文稿中旋转图片？技术实现咨询

Quarto本身不支持直接用rotate=30这类属性旋转图片，需要借助CSS（针对HTML输出）或LaTeX（针对PDF输出）来实现：

方法一：内联CSS样式（HTML输出） #

直接在图片的属性中添加style参数，指定CSS的transform: rotate()属性：

![](graphics/statehouse.jpg){.absolute height=300 style="transform: rotate(30deg);"}

• rotate(30deg)代表顺时针旋转30度，若要逆时针旋转，使用负数角度即可，比如rotate(-30deg)

方法二：自定义CSS类（HTML输出，适合重复使用） #

如果需要多次使用相同的旋转效果，可以先定义一个CSS类，再应用到图片上：

1. 在Quarto文档的开头（YAML元数据之后）添加CSS定义：

<style>
.rotate-30 {
  transform: rotate(30deg);
}
</style>

2. 调用图片时直接引用这个类：

![](graphics/statehouse.jpg){.absolute .rotate-30 height=300}

方法三：LaTeX语法（PDF输出） #

如果你的Quarto文档需要输出为PDF，可以使用LaTeX的includegraphics命令，通过angle参数实现旋转：

\includegraphics[height=300pt, angle=30]{graphics/statehouse.jpg}

• 若要仅在PDF输出时生效，可以用Quarto的条件渲染块包裹：

:::{.latex}
\includegraphics[height=300pt, angle=30]{graphics/statehouse.jpg}
:::

内容的提问来源于stack exchange，提问作者Justin