我正在開發一個雪人的 SVG 影像，我正在嘗試使用變數來確定特定的事物。帽子上帶子的顏色和圍巾的顏色都是由 成功設定的var(--maincolor)。我遇到的問題是var(--armangle).
<path d="..." stroke="#442200" stroke-width="2" fill="none" transform="rotate(var(--armangle))" transform-origin="32.5% 60%"/>
為什么不被接受？
我努力了：
svg{
--armangle: 20deg;
}
和
svg{
--armangle: 20;
}
但兩者都不起作用。
有沒有辦法在 CSS 的函式中使用變數？正常值（沒有deg）作業deg得很好（只是被忽略）。
uj5u.com熱心網友回復：
您應該使用屬性或 CSS 進行樣式設定。
從這兩個示例中可以看出，樣式既可以定義為 SVG 的一部分，也可以定義為單獨的樣式表。
使用 CSS 變數/值時需要指定它是一個度數（如20deg）。
:root {
--armangle: 20deg;
}<svg viewBox="0 0 3 3" width="200" height="200">
<style>
path {
transform: rotate(var(--armangle));
}
</style>
<path d="M 0 0 L 0 1 L 1 1 L 1 0 Z" stroke="#442200"
stroke-width=".1" fill="none" transform-origin="32.5% 60%"/>
</svg>:root {
--armangle: 20deg;
}
svg > path {
transform: rotate(var(--armangle));
}<svg viewBox="0 0 3 3" width="200" height="200">
<path d="M 0 0 L 0 1 L 1 1 L 1 0 Z" stroke="#442200"
stroke-width=".1" fill="none" transform-origin="32.5% 60%"/>
</svg>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381533.html