このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
SVGTransform: setScale() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
setScale() は SVGTransform インターフェイスのメソッドで、座標変換の種類を SVG_TRANSFORM_SCALE にし、拡大率を定義する sx および sy と定義します。
構文
js
setScale(sx, sy)
引数
返値
なし (undefined)。
例外
NoModificationAllowedErrorDOMException-
属性または
SVGTransformオブジェクトが読み取り専用であった場合に発生します。
例
SVG 要素の変倍
js
// SVG 要素を選択し、座標変換オブジェクトを作成
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();
// 座標変換の拡大率を設定
transform.setScale(2, 3);
// 拡大率の詳細を出力
console.log(`Scale X: ${transform.matrix.a}`); // 出力: 2
console.log(`Scale Y: ${transform.matrix.d}`); // 出力: 3
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setScale |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。