【测试】据说 svg 能做动画？

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1632
发帖：72 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2024/12/21 22:25:57

[ 第 1 楼 ]

这段代码好像只有保存为 svg 的时候才能动

[您可以先修改代码再运行]

2022/4/3 10:51:07

IP：已设置保密

pojin (ID: 2)

等级：风云使者

积分：318
发帖：2 篇
来自：保密
注册：2022/3/30 11:42:27
造访：2024/12/21 22:23:34

[ 第 2 楼 ]

嗯，保存为svg，动起来了。
============================

斑竹回复(@2023/04/05 19:25:47)：
这样也能动起来：
<!doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>svg 测试</title> </head><body> <script type="text/javascript"> var img = new Image(100, 100); img.src = "data:image/svg+xml;charset=utf8," + encodeURIComponent(opener.document.querySelector(".code textarea").value); document.body.appendChild(img); </script></body></html>
[您可以先修改代码再运行]

😁😁😁

2022/4/3 23:32:53

IP：已设置保密

DOS48 (ID: 9)

等级：新手上路

积分：7
发帖：1 篇
来自：保密
注册：2022/4/4 15:41:02
造访：2022/4/4 15:41:02

[ 第 3 楼 ]

通过网络调用时需要注意的地方：
1、svg 标签应该增加 xmlns="http://www.w3.org/2000/svg" 属性
2、发送 Http 头：Content-Type: image/svg+xml

2022/4/4 15:41:53

IP：已设置保密

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1632
发帖：72 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2024/12/21 22:25:57

[ 第 4 楼 ]

[您可以先修改代码再运行]

2023/2/23 14:44:11

IP：已设置保密