SVG实现攻击效果

本攻击效果基于SVG属性实现，具体包括如下两个核心属性：

• stroke-dasharray
• stroke-dashoffset

---

属性简介

stroke-dasharray用于设置svg虚线，其值包括两个部分，用逗号或者空格分开。第一部分是虚线长度，第二部分是虚线之间的间隔。stroke-dashoffset用于设置svg虚线的起始偏移量。通过设置两个属性，可以获得动画描边等效果。
两个属性详情见网页：http://www.zhangxinxu.com/wordpress/2014/04/animateion-line-drawing-svg-path-%E5%8A%A8%E7%94%BB-%E8%B7%AF%E5%BE%84/

攻击效果实现具体代码

代码块语法遵循标准markdown代码，例如：

        const callback = function (timestamp) {