关于js操作svg的问题!(谷歌浏览器)

Posted 2023-03-21

我用js动态添加一个矩形,代码如下:
但是页面却显示不出来:
node = document.createElement("rect");
node.setAttribute("x", "50px");
node.setAttribute("y", "50px");
node.setAttribute("id", "Rect1");
node.setAttribute("width", "100px");
node.setAttribute("height", "50px");
node.setAttribute("fill", "red");
document.getElementById("Svg1").appendChild(node);
接触过svg的大大帮帮忙吧!

参考技术A 谷歌浏览器低版本不支持svg 参考技术B ？？追问

我刚刚补充问题了,谢谢帮忙看看!

关于谷歌浏览器强制缓存问题

//设置 HTTP 强制缓存  Cache-Control 头信息

  // response.setHeader("Cache-Control", "max-age=300");

 

设置了强制缓存，对于html文件修改，谷歌不走强制缓存，对于css,js文件，谷歌浏览器走强制缓存

此时需要强制清除缓存

浏览器操作	强制缓存	协商缓存
地址栏回车	√	√
页面链接跳转（a 链接）	√	√
新开窗口（window.open）	√	√
前进、后退	√	√
刷新（ctrl + r 和 F5）	X	√
强制刷新（ctrl + F5）	X	X