Javascript 财产'；SVGResize'；|'；onresize'；不存在于类型'；SVGProps<；SVGSVGElement>'；

React+SVG

我需要处理

svg

元素大小调整事件。我看到它有很多的特点和事件。我尝试使用它们中的每一种，但每种情况下都会出现编译错误：

const msg1 = (e: any) => console.log(`Message 1: SVG resized.`);
const msg2 = (e: any) => console.log(`Message 2: SVG resized.`);

现在我尝试使用我的函数：

return (<svg id={this.paperId} height={height} version="1.1" 
width={width} xmlns="http://www.w3.org/2000/svg" className="paper" 
SVGResize={msg1}> </svg>);

return（）；

编译错误：

类型“SVGProps”上不存在属性“SVGResize”

return（）；

编译错误：

类型“SVGProps”上不存在属性“onresize”

---

如何修复它？

onresize事件是全局事件处理程序的属性。它与window.onresize相同，在元素级别不执行任何操作

---

如果要根据窗口大小重新绘制SVG，则应侦听window.onresize事件并根据该事件重新绘制

onresize事件是全局事件处理程序的属性。它与window.onresize相同，在元素级别不执行任何操作

---

如果要根据窗口大小重新绘制SVG，则应侦听window.onresize事件并根据该事件重新绘制

是否可以订阅

svg

元素大小更改？订阅的意思是向svg元素添加onresize属性？否，将忽略元素上的onresize。最好让CSS使用媒体查询处理svg的重绘。我需要

svg

元素在每次调整窗口大小时都会调整大小，并且它的（svg）内容也会重新绘制。很抱歉我的英语不好。请使用viewBox属性！假设图表的最大宽度和高度值为500，那么您可以给SVG一个viewBox=“0 500”。将SVG放在容器div中，然后将SVG的宽度和高度设置为100%。SVG的内容将根据viewBox进行缩放。SVG的大小始终是div的大小。是否可以订阅

SVG

元素大小更改？订阅的意思是将onresize属性添加到SVG元素？否，将忽略元素上的onresize。最好让CSS使用媒体查询处理svg的重绘。我需要

svg

元素在每次调整窗口大小时都会调整大小，并且它的（svg）内容也会重新绘制。很抱歉我的英语不好。请使用viewBox属性！假设图表的最大宽度和高度值为500，那么您可以给SVG一个viewBox=“0 500”。将SVG放在容器div中，然后将SVG的宽度和高度设置为100%。SVG的内容将根据viewBox进行缩放。SVG的大小始终是div的大小。

return (<svg id={this.paperId} height={height} version="1.1" 
width={width} xmlns="http://www.w3.org/2000/svg" className="paper" 
onresize={msg2}> </svg>);