SVG 学习笔记
<div id="blk" style="position:relative;width:auto !important;min-height:640px; "></div><script type="text/javascript">
var doctxt = "%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakR2t.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22fpic0%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%220s%3B%20lpic0.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20id%3D%22lpic0%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic0.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3C/svg%3E%0A%3Cpre%20style%3D%22width%3A800px%3Bwhite-space%3A%20pre-wrap%3Bword-wrap%3A%20break-word%3Bcolor%3Ablue%3B%22%3E%0A%u6DE1%u5165%u6DE1%u51FA%0A%26lt%3Bsvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%26gt%3B%0A%26lt%3Bimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakR2t.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%26gt%3B%0A%26lt%3Banimate%20id%3D%22fpic0%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%220s%3B%20lpic0.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%26gt%3B%0A%26lt%3Banimate%20id%3D%22lpic0%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic0.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3B/image%26gt%3B%0A%26lt%3Bsvg%26gt%3B%0A%3C/pre%3E%0A%3C/div%3E%0A%0A%3Cdiv%20style%3D%22margin-top%3A40px%3B%22%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/Rak28I.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%22-400px%22%20y%3D%22-300px%22%3E%0A%3Canimate%20id%3D%22fpic3%22%20attributename%3D%22x%22%20from%3D%22-400%22%20to%3D%220%22%20begin%3D%220s%3B%20lpic3.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-300%22%20to%3D%220%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22width%22%20from%3D%221600%22%20to%3D%22800%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%221200%22%20to%3D%22600%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-400%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-300%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22800%22%20to%3D%221600%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%3E%0A%3Canimate%20id%3D%22lpic3%22%20attributename%3D%22height%22%20from%3D%22600%22%20to%3D%221200%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3C/image%3E%0A%3C/svg%3E%0A%3Cpre%20style%3D%22width%3A800px%3Bwhite-space%3A%20pre-wrap%3Bword-wrap%3A%20break-word%3Bcolor%3Ablue%3B%22%3E%0A%u7F29%u5C0F/%u653E%u5927%0A%26lt%3Bsvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%26gt%3B%0A%26lt%3Bimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/Rak28I.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%22-400px%22%20y%3D%22-300px%22%26gt%3B%0A%26lt%3Banimate%20id%3D%22fpic3%22%20attributename%3D%22x%22%20from%3D%22-400%22%20to%3D%220%22%20begin%3D%220s%3B%20lpic3.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22y%22%20from%3D%22-300%22%20to%3D%220%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22width%22%20from%3D%221600%22%20to%3D%22800%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22height%22%20from%3D%221200%22%20to%3D%22600%22%20begin%3D%22fpic3.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-400%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-300%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22width%22%20from%3D%22800%22%20to%3D%221600%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20%20/%26gt%3B%0A%26lt%3Banimate%20id%3D%22lpic3%22%20attributename%3D%22height%22%20from%3D%22600%22%20to%3D%221200%22%20begin%3D%22fpic3.begin+7s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3B/image%26gt%3B%0A%26lt%3B/svg%26gt%3B%0A%3C/pre%3E%0A%3C/div%3E%0A%0A%3Cdiv%20style%3D%22margin-top%3A40px%3B%22%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22fpic1%22%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-800%22%20begin%3D%220s%3B%20lpic1.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic1%22%20attributename%3D%22x%22%20from%3D%22-800%22%20to%3D%220%22%20begin%3D%22fpic1.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3C/svg%3E%0A%3Cpre%20style%3D%22width%3A800px%3Bwhite-space%3A%20pre-wrap%3Bword-wrap%3A%20break-word%3Bcolor%3Ablue%3B%22%3E%0A%u6C34%u5E73%u79FB%u52A8%0A%26lt%3Bsvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%26gt%3B%0A%26lt%3Bimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%26gt%3B%0A%26lt%3Banimate%20id%3D%22fpic1%22%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-800%22%20begin%3D%220s%3B%20lpic1.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20id%3D%22lpic1%22%20attributename%3D%22x%22%20from%3D%22-800%22%20to%3D%220%22%20begin%3D%22fpic1.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3B/image%26gt%3B%0A%26lt%3B/svg%26gt%3B%0A%3C/pre%3E%0A%3C/div%3E%0A%0A%3Cdiv%20style%3D%22margin-top%3A40px%3B%22%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakY59.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22fpic2%22%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-600%22%20begin%3D%220s%3B%20lpic2.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic2%22%20attributename%3D%22y%22%20from%3D%22-600%22%20to%3D%220%22%20begin%3D%22fpic2.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3C/svg%3E%0A%3Cpre%20style%3D%22width%3A800px%3Bwhite-space%3A%20pre-wrap%3Bword-wrap%3A%20break-word%3Bcolor%3Ablue%3B%22%3E%0A%u5782%u76F4%u79FB%u52A8%0A%26lt%3Bsvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22margin-top%3A12px%3Bwidth%3A800px%3Bheight%3A600px%3B%22%26gt%3B%0A%26lt%3Bimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakY59.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%26gt%3B%0A%26lt%3Banimate%20id%3D%22fpic2%22%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-600%22%20begin%3D%220s%3B%20lpic2.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20id%3D%22lpic2%22%20attributename%3D%22y%22%20from%3D%22-600%22%20to%3D%220%22%20begin%3D%22fpic2.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3B/image%26gt%3B%0A%26lt%3B/svg%26gt%3B%0A%3C/pre%3E";
var blk = document.querySelector('#blk');
blk.innerHTML = unescape(doctxt);
</script>
<iframesrc="http://cesholl.cn3v.net/src/月季花.svg" frameborder="0" scrolling='no'
style="width:800px;height:600px;"></iframe> 欣赏老师佳作与无私奉献作品的代码，值得我们学习、点赞！ 雄鹰翱翔 发表于 2021-8-22 07:11
欣赏老师佳作与无私奉献作品的代码，值得我们学习、点赞！
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif
实例与代码解析得非常明晰，对学习运用很有帮助，谢谢老师的指导！
若X，丫等参数再做些变动，推想还应能实现对角斜移或环绕移动了。 红枫 发表于 2021-8-22 07:48
实例与代码解析得非常明晰，对学习运用很有帮助，谢谢老师的指导！
若X，丫等参数再做些变动，推想还应 ...
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif
这些是分解的基本动作，可以组合起来实现不同的效果。
<div id="blk0" style="position:relative;width:auto !important;min-height:640px; "></div>
<script type="text/javascript">
var doctxt = "%3Cdiv%20style%3D%22width%3A100%25%3Bmargin%3A8px%20auto%3B%22%3E%0A%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22fpic4%22%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-800%22%20begin%3D%220s%3B%20lpic4.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-600%22%20begin%3D%22fpic4.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-800%22%20to%3D%220%22%20begin%3D%22fpic4.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic4%22%20attributename%3D%22y%22%20from%3D%22-600%22%20to%3D%220%22%20begin%3D%22fpic4.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Cpre%20style%3D%22width%3A800px%3Bwhite-space%3A%20pre-wrap%3Bword-wrap%3A%20break-word%3Bcolor%3Ablue%3B%22%3E%0A%u6447%u955C%u5934%0A%26lt%3Bsvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%26gt%3B%0A%26lt%3B%26lt%3Bimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%26gt%3B%0A%26lt%3Banimate%20id%3D%22fpic4%22%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-800%22%20begin%3D%220s%3B%20lpic4.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-600%22%20begin%3D%22fpic4.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20attributename%3D%22x%22%20from%3D%22-800%22%20to%3D%220%22%20begin%3D%22fpic4.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3Banimate%20id%3D%22lpic4%22%20attributename%3D%22y%22%20from%3D%22-600%22%20to%3D%220%22%20begin%3D%22fpic4.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%26gt%3B%0A%26lt%3B/image%26gt%3B%0A%26lt%3B/svg%26gt%3B%0A%3C/pre%3E%0A%3C/div%3E";
var blk = document.querySelector('#blk0');
blk.innerHTML = unescape(doctxt);
</script>
<div id="blk2" style="position:relative;width:auto !important;min-height:640px; "></div>
<script type="text/javascript">
var doctxt = "%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3Bopacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22800%22%20height%3D%22600%22%3E%0A%3Canimate%20id%3D%22fpic5%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%220s%3B%20lpic6.end-1s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22800%22%20to%3D%22400%22%20begin%3D%22fpic5.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%22600%22%20to%3D%22300%22%20begin%3D%22fpic5.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22200%22%20begin%3D%22fpic5.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22150%22%20begin%3D%22fpic5.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%20400%20300%22%20to%3D%22360%20400%20300%22%20begin%3D%22fpic5.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22200%22%20to%3D%220%22%20begin%3D%22fpic5.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22150%22%20to%3D%220%22%20begin%3D%22fpic5.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22400%22%20to%3D%22800%22%20begin%3D%22fpic5.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%22300%22%20to%3D%22600%22%20begin%3D%22fpic5.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20id%3D%22lpic5%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic5.begin+13s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%0A%3Cimage%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakY59.jpg%22%20style%3D%22opacity%3A0%3B%20width%3A800px%3Bheight%3A600px%3B%20%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22800%22%20height%3D%22600%22%3E%0A%3Canimate%20id%3D%22fpic6%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22lpic5.end-1s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22800%22%20to%3D%22400%22%20begin%3D%22fpic6.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%22600%22%20to%3D%22300%22%20begin%3D%22fpic6.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22200%22%20begin%3D%22fpic6.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22150%22%20begin%3D%22fpic6.begin+0s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%20400%20300%22%20to%3D%22360%20400%20300%22%20begin%3D%22fpic6.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22200%22%20to%3D%220%22%20begin%3D%22fpic6.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22150%22%20to%3D%220%22%20begin%3D%22fpic6.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22400%22%20to%3D%22800%22%20begin%3D%22fpic6.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%22300%22%20to%3D%22600%22%20begin%3D%22fpic6.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20id%3D%22lpic6%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22fpic6.begin+13s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%3C/svg%3E";
var blk = document.querySelector('#blk2');
blk.innerHTML = unescape(doctxt);
</script>
<div id="blkx" style="position:relative;width:auto !important;min-height:640px; "></div>
<script type="text/javascript">
var doctxt = "%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%22%3E%0A%3Crect%20x%3D%22200%22%20y%3D%22200%22%20height%3D%22300%22%20width%3D%22400%22%20style%3D%22stroke%3Agrey%3B%20fill%3A%20%23ccf%3B%22/%3E%0A%0A%3Crect%20x%3D%22200%22%20y%3D%22200%22%20height%3D%22450%22%20width%3D%22600%22%20style%3D%22stroke%3Apink%3B%20fill%3A%20lightgrey%3B%20opacity%3A0.8%3B%22%3E%0A%3Canimate%20id%3D%22fpic%22%20attributename%3D%22x%22%20from%3D%22200%22%20to%3D%220%22%20begin%3D%220s%3B%20lpic.end+2s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22200%22%20begin%3D%22fpic.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22200%22%20to%3D%2250%22%20begin%3D%22fpic.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%2250%22%20to%3D%22200%22%20begin%3D%22fpic.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22600%22%20to%3D%22400%22%20begin%3D%22fpic.begin+20s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22height%22%20from%3D%22450%22%20to%3D%22300%22%20begin%3D%22fpic.begin+20s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22width%22%20from%3D%22400%22%20to%3D%22600%22%20begin%3D%22fpic.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22lpic%22%20attributename%3D%22height%22%20from%3D%22300%22%20to%3D%22450%22%20begin%3D%22fpic.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/rect%3E%0A%3C/svg%3E";
var blk = document.querySelector('#blkx');
blk.innerHTML = unescape(doctxt);
</script> 真该向你学习啊，那么认真 诺北 发表于 2021-8-23 14:22
真该向你学习啊，那么认真
非常感谢诺北管理员光临支持和鼓励！祝好！
页:
[1]
2