那时，他们正年轻
<section style="box-sizing: border-box;font-style: normal;font-weight: 400;text-align: justify;font-size: 16px;color: rgb(62, 62, 62);margin-bottom: 0px;"><section style="margin: 10px 0px;box-sizing: border-box;"><section style="display: flex;width: 100%;flex-flow: column;box-sizing: border-box;"><section style="z-index: auto;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibWFB66vSAScAzx5Dqr3Z3gpeNiaZ6sibCcvlzpibrRzicHeYq1Sj7SP7BdA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibJb0WloYavpkGXBklsIMWWrqdSSQXOfnyUS3kjcOacIicZtHYubwnQiaA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibKSGP8a1F2A7ib7zwUSRRq7FXpoRdFiafIB44f0eHeNqpSjujr8VFH51w/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibHpspZu2ianM9h9Q0ejP5jbmC3QPQ0ReH3wfC8D0OiaZjeWV2Etm7Bpxw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4.5s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibMpQcF81RV9yib0ibibSiaUahxoRfu8LiaGkQ8ElPk1MQqFMMxAHOWcOkbKw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibKm4TRd25zCunhJfoV0R70AicTzP20RTdtibCURlXb0CvUobrZ8SWLn6Q/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibTCsG90Clt4D6bJSkPgSndnL4B5x5K3mb4sVLuzzgYSrcgIQQ7ysldA/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibFicNolwC2YoQRiaqibWGAdV09KEuUAXGskrZOHc1xX7Q0HZPAI6aoR5Ww/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4.5s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibR2q0guibyYwict2yRBR1ibd5q1OicricHsPXSzRpAj2ruQqn3hzbIeO0icRw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibFXfgPicicHuQgyvVfRhNQwzzPFkI3rr2CkafmzK0aOhPeYOWGPWI3x5A/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib1IhtLzgRD4fwjOrflxVpUESY4ZwQQWv8mALIItSMP4BOcCx1QA1cvQ/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibxgSIdQ69vpabBib74YTCmQYC20uBttUT5ssXd7hMJfpCtfAKL0drLsQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibgh620kXZicGRibaDTY9ayEfHmVKgzgxic0hBEshJQqE9EtEKDk9kHH4cA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibbicIBw7buWKiawxB83WyEAfjwn3aaHUlQOicUko3R7BbXTjElLeBDN73Q/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibWJb898fYR58sWXNqBf9flZgRLsbPEtt0hpVl4IkTo9ozbMriaib8hbdQ/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibttzoJUHIKWoic0TFNygYicAskNbdbWpOHuxrc7Ea17JmC4jthxl0BJRg/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4.5s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibbGAqlaZDWRCoVddJjpbNpBQxgsibfFn3CK9EcaAov0nkx5qjIlXyiaQA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibAia4EpQp46QqQqzHIpq5U1ek1QRmHBmCxm4D4MOOcrYicK7mbl5eylsg/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibdibWGJbavFpepc1DP1Ya1IMlrMPMVua8BWV9htqsFYFQbbrOILXb7tw/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibfHuGg2HIaeod5oR0xic7coxwWiaMgKbkPib36HbNufBSYPuNUwRKozOLQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 5s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50iba1xZmOkO6OSGhqd8ia2Ob36VkZ2LcV0AXvDH6h8ib7DVktTgulPFg8Xg/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibLc5T5XL5FcySib0n8yc0qhctCsbvHkRX6ZibuNjH86ZJ4cb4mFibjkoYQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibEzMn1R7SwJcmTibqIPPcOicV4TpcjNFQBOc6AGByGWWqYEzxMYcqlKHw/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib9dqIMcSfAwHxudfKaibN8I2ficic3fk8AffgTAHct4ic2uX87DBR9KYAVQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4.5s" from="0" to="1" dur="1.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibbYc3LSxwEkp8YDdpDlb1ib7YdINJq9lEprug277P147qhuW9geV9o2w/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibhPiayoYCLPAlicF0761RbwkicicLL5eicZFb45WXotRnkfMtpsB5L5wOGAA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibTFNK08Wf5NH2nHLCiaXCqHsCNIM3ael5wyA2E1nOSPglDajwOa2dJhw/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibGqTddCuxAWiaCQr9z1XN9pSZAoOZCM6GHaDy778AnX4zXzornS8AXuQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4.5s" from="0" to="1" dur="1.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibxyjRGic3KdbhOE2UfAue6sUokwBnhqkRzmH94VVbpl9M6Bj1ZQDt6Aw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib1hA6LqcZXjVxQ8RuI3prjKeZtErhkPaYgZdsvdyBA4GqJStyic92Yug/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibF5sCgiczXvAJg5DoiaeZqbiaHW5EWciayO3BNRQbQYawSepcCCoDPkMeicw/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibxpakIbiaYZ4wMsARNfY6QGu5ibuz9ZdsTMaHGePbsvKom1OgxWDib7s9A/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 2.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib46MOcnLNOn6zkcEC0vBvJxHo5KRYa8DuYKtXpJTqzGUsf47ZENRo5w/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib1J0M5ArSFoHSxwiaC8uWtGrKoOTHGeZomCM6K01zZaqyQ0P3FgltpmA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibDiadrBiaMTps3DD3oiczynmIjtE6aZrYsOmzmFjLnicBecicf7evibLcsevg/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibdcbedQaZ9IuWsF3sjTlQgLCJ7AMsEQLb5DqH5nvo890FH9tw9PwF5g/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="1.2" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 2.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibeiaV612AUibSicrXbJXqoMvOduiaicTSqxEPzZibj1vK08edfEpS4ZNXsEBA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50iby9EoQGRxnvoicKLeMAtLoyaqdMWFCMkQOs2KKCIJqaLtLMiaibby8GNibQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibXYicHtOX9tIZiavUIZ12QtZ7mag0dp78ribVNtKuaTBgGVzW30lCN0ekw/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibroTOeuzrCosWaRqY9Uia0v6J6iaHbINX4g7ibKe5ic7ReaicENFib5j3ciadA/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3.5s" from="0" to="1" dur="2" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 2.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibP84IgU8OFL9icmuicHzXmYMT98CKPlwTM0Yay9ia0iaBaWlkn578dbceTw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibFyVdPNrqVjUphLFo9YiakRiak9leCrt3b0wIEvmCiaLEq9VibiaiasDOL8IQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibibmucicoDyCJyWhatibwQ0LUia5pRLEAHHc3MFIhFenhmR9gUaTfE0LT1Q/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 600 1067"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib78al4SfCEIEEP6WNx3C7Z1K4HRPiaE62yiaXuibeP4vnl4IPPcSB8c5pQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 600 1067" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 4s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3s" from="0" to="1" dur="1" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.833%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibosSfcSe22fbH1TX0cyMC2un9yb9tubVzWEvaHOEr7ZqE41BcCyzcjQ/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibE4iaOzyIDkCIgjIjjP4OJFJ3iaib14q482RXnZg3GU0p6WwsEvuGMicX4A/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibeUHOTlhQlEzyaHpdvtYVaZDKSTiagSy9gawvagzmx0XETEribFZ4ibI3w/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibweqDA45DmTMIWK8mj4v59efFoHqc8z15oGYVr06IPoElWfWohY6hUg/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 3s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 1.5s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0s" from="0" to="1" dur="0.5" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.778%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="margin: 0px 0px -1px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;overflow: hidden;align-self: flex-start;font-family: Noto Sans CJK SC, -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;letter-spacing: 0.034em;box-sizing: border-box;"><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="justify-content: flex-start;display: flex;flex-flow: row;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;box-sizing: border-box;"><p style="text-align: center;margin: 0px;padding: 0px;box-sizing: border-box;">SVG布局的工具条上可以设置动画各种参数<br style="box-sizing: border-box;"/>同时可以设置宽高比，达到SVG层和布局内容的完美对齐</p></section></section></section><section style="height: 0px;overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="height: 0px;display: block;pointer-events: none;box-sizing: border-box;"><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibrocVjxiactOHNJ6SicavHz0SOf3cLJibI3k8Bofy8G6zACQC9rHFiaqHyw/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100.00%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);width: 100%;" opacity="0" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="rgb(254, 254, 254)" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect></svg><svg style="box-sizing: border-box;"><foreignobject width="100%" height="100%" x="0" y="0" style="box-sizing: border-box;"><svg space="default" style="display: block;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;visibility: visible;pointer-events: none;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_png/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ib9O4bvpgEtkicXgqNpstT5tu6awibaTibEBOD1VxWTMAYp5vB0IYxnnd1A/640?wx_fmt=png&from=appmsg);box-sizing: border-box;user-select: none;" viewbox="0 0 1080 1920" xlink="http://www.w3.org/1999/xlink" xml="" xmlns="http://www.w3.org/2000/svg" class="wx_imgbc_placeholder"></svg></foreignobject></svg><svg width="100%" height="100%" style="box-sizing: border-box;"><rect style="box-sizing: border-box;opacity: 0;pointer-events: auto;" x="22.2222%" y="36.5625%" width="58.4672%" height="53.82%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click + 0.5s" from="0" to="1" dur="1.5" restart="never"></animate></svg></svg></svg></section></section></section><section style="height: 0px;padding-top: 177.778%;box-sizing: border-box;"><svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg></section></section></section><section style="text-align: center;margin: 0px;line-height: 0;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"></section></section><section style="line-height: 0;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><br/></section></section></section></section></section><section style="overflow: visible;box-sizing: border-box;"><section style="display: block;width: 100%;height: auto;box-sizing: border-box;"><section style="display: block;pointer-events: none;box-sizing: border-box;"><svg width="100%" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);display: block;max-width: none !important;pointer-events: none;width: 100%;" opacity="1" viewbox="0 0 1080 1920"><svg width="100%" height="100%" style="box-sizing: border-box;"><svg width="100%" height="100%" style="box-sizing: border-box;"><rect fill="transparent" width="100%" height="100%" style="box-sizing: border-box;" x="0%" y="0%"></rect><foreignobject x="0%" y="0%" width="100%" height="100%" style="box-sizing: border-box;"><svg style="background-position: center center;background-size: cover;background-repeat: no-repeat;background-image: url(https://bbs.whcdrm.com/plugin.php?id=wcn_editor:wx_img&url=https://mmbiz.qpic.cn/sz_mmbiz_gif/ibQ2cXpBDzUMIoXEtNYb6gnU7ABwdC50ibIfbHzz8bGCV0aCAicUeiaia5Xcy697SOrzkoxB59Sxr3IFmRIeKUQNkaA/640?wx_fmt=gif&from=appmsg);box-sizing: border-box;" viewbox="0 0 1080 1920" class="wx_imgbc_placeholder"></svg></foreignobject></svg><rect style="pointer-events: auto;opacity: 0;box-sizing: border-box;" width="100%" height="100%"><animate from="0" to="0" dur="0" begin="click + 0.1s" fill="freeze" attributename="width" style="box-sizing: border-box;"></animate></rect></svg><animate style="box-sizing: border-box;" fill="freeze" attributename="opacity" begin="click" from="1" to="0" dur="0.5" restart="never"></animate><animate style="box-sizing: border-box;" fill="freeze" attributename="width" begin="click + 0.5s" dur="4" restart="never" from="100%" to="1498.9229765013054%"></animate></svg></section></section></section></section></section></section></section></section><section style="max-width: 100%; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; letter-spacing: 1px; text-align: justify; background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; box-sizing: border-box; overflow-wrap: break-word !important;"><section style="overflow-wrap: break-word !important; max-width: 100%; margin: 0.5em 0px; padding: 0px; outline: 0px; box-sizing: border-box;"><section style="overflow-wrap: break-word !important; max-width: 100%; margin: 0px; padding: 0px; outline: 0px; height: 1px; background-color: rgb(160, 160, 160); line-height: 0; box-sizing: border-box;"><br data-filtered="filtered" style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box;"/></section></section></section><p style="overflow-wrap: break-word; margin-top: 0px; margin-bottom: 0px; padding: 0px; font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; color: rgb(62, 62, 62); font-size: 17px; letter-spacing: 1px; text-align: justify; background-color: rgb(255, 255, 255); box-sizing: border-box;"><span style="overflow-wrap: break-word !important; font-size: 14px; color: rgb(136, 136, 136); letter-spacing: 0.544px; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box;">来源：湖北发布</span></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; text-align: justify; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; box-sizing: border-box; overflow-wrap: break-word !important;"><span style="overflow-wrap: break-word; font-size: 14px; box-sizing: border-box;"><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; letter-spacing: 0.544px; color: rgb(136, 136, 136); box-sizing: border-box;">制作：韩晓民 | </span><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgb(136, 136, 136); letter-spacing: 0.544px; box-sizing: border-box;">编辑： 熊霞 | </span><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; letter-spacing: 0.544px; color: rgb(136, 136, 136); box-sizing: border-box;">责编：方军 </span></span></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; text-align: justify; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; box-sizing: border-box; overflow-wrap: break-word !important;"><span style="overflow-wrap: break-word !important; font-weight: 700; letter-spacing: 0.544px; line-height: 19.2pt; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgb(136, 136, 136); font-size: 14px; box-sizing: border-box;">出品：蔡甸区融媒体中心</span></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; text-align: justify; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; box-sizing: border-box; overflow-wrap: break-word !important;"><br data-filtered="filtered" style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box;"/></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; text-align: center; box-sizing: border-box; overflow-wrap: break-word !important;"><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; letter-spacing: 0.544px; color: rgb(136, 136, 136); font-size: 14px; box-sizing: border-box;">您有新闻线索，请联系我们：</span></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; text-align: justify; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; box-sizing: border-box; overflow-wrap: break-word !important;"><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; letter-spacing: 0.544px; color: rgb(136, 136, 136); font-size: 14px; box-sizing: border-box;">新闻热线：027-84942678</span></p><p style="margin-top: 0cm; margin-bottom: 0px; padding: 0px; color: rgb(67, 74, 84); font-family: -apple-system-font, Helvetica, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei; text-wrap: wrap; font-size: 17px; text-align: justify; background-color: rgb(255, 255, 255); outline: 0px; max-width: 100%; clear: both; min-height: 1em; letter-spacing: 0.544px; line-height: 19.2pt; box-sizing: border-box; overflow-wrap: break-word !important;"><span style="overflow-wrap: break-word !important; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; letter-spacing: 0.544px; color: rgb(136, 136, 136); font-size: 14px; box-sizing: border-box;">投稿邮箱：2187431778@qq.com</span></p><link rel="stylesheet" href="//bbs.whcdrm.com/source/plugin/wcn_editor/public/wcn_editor_fit.css?v134_MKZ" id="wcn_editor_css"/>
页:
[1]