js绘制svg图时使用图片作为其中元素，图片的尺寸处理

const image = document.createElementNS("http://www.w3.org/2000/svg", "image");

        image.setAttributeNS("http://www.w3.org/1999/xlink", "href", iamge1);

        image.setAttribute("width", "100%");

        image.setAttribute("height", "100%");

image.setAttribute("preserveAspectRatio", "xMinYMin slice");

其中，preserveAspectRatio 属性用于指定图片在SVG图中如何保持宽高比。它的值可以是以下几种：

• "none": 不保持宽高比，图片会按照原始大小进行缩放和定位。
• "xMinYMin meet": 图片的左上角与SVG图的左上角对齐，并保持宽高比。
• "xMidYMid meet": 图片的中心点与SVG图的中心点对齐，并保持宽高比。
• "xMaxYMax meet": 图片的右下角与SVG图的右下角对齐，并保持宽高比。
• "xMinYMin slice": 图片的左上角与SVG图的左上角对齐，并保持宽高比。如果图片宽度大于高度，则图片会被拉伸；如果图片高度大于宽度，则图片会被压缩。
• "xMidYMid slice": 图片的中心点与SVG图的中心点对齐，并保持宽高比。如果图片宽度大于高度，则图片会被拉伸；如果图片高度大于宽度，则图片会被压缩。
• "xMaxYMax slice": 图片的右下角与SVG图的右下角对齐，并保持宽高比。如果图片宽度大于高度，则图片会被拉伸；如果图片高度大于宽度，则图片会被压缩。

在本例中，"xMidYMid slice" 表示将图片的中心点与SVG图的中心点对齐，并保持宽高比。如果图片宽度大于高度，则图片会被拉伸；如果图片高度大于宽度，则图片会被压缩。