svgタグが複雑なパラメータを設定できるかどうか教えてください。
cssの場合、次のようなcalc（）コマンドがあります。
width: calc (50% - 10px);
たとえば、svgには次のようなものがありますか？
<circle r = 'calc (50% - 2px)'>
？
簡単な答えは「いいえ」です。または、少なくとも現時点ではクロスブラウザ方式ではありません。
ただし、SVG2標準（まだブラウザーによって実装されています）では、などのジオメトリ属性rをCSSでスタイル設定できます。
Chromeはこの機能を実装していますが、（AFAIK）それだけです。したがって、次の例はChromeでは機能しますが、他のブラウザでは（まだ）機能しません。
svg {
background-color: linen;
}<svg width="200" height="200">
<circle cx="100" cy="100" style="r: calc(50% - 10px);" fill="red"/>
</svg>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加