svg整体缩放至指定大小

一、问题

svg画面跑在分辨率低的电脑上，导致不能完全显示。

二、要求

svg要能够根据电脑的屏幕大小自动缩放至适配电脑的尺寸。

三、实现

 1.获取本机窗口高度、宽度

let clientWidth = document.documentElement.clientWidth,
    clientHeight = document.documentElement.clientHeight;

2.获取缩放比例（svg大小设为x，y）

let widthScale = clientWidth / x, heightScale = clientHeight / y;

3.svg整体缩放

svg的特点是：缩放后，元素的中心坐标也会跟着变化缩放，所以元素的位置会偏移。为防止这种偏移，对svg不仅仅要进行scale（缩放），还要进行translate（中心平移）。