Q&A
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="129.24107pc" height="31.74107pc" viewBox="0 0 547.12052 134.37052" version="1.1" id="svg8" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" style="" class=""> <g inkscape:label="ã¬ã¤ã¤ã¼ 1" inkscape:groupmode="layer" id="layer1" transform="translate(401.3162,-247.20164)"> <path style="fill: none; fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-width: 1.32292px; stroke-miterlimit: 4; stroke-opacity: 1;" d="M -127.75592,380.91071 H 8.6934762 68.791678 145.14288 V 347.6488 314.3869 281.12499 247.8631 H 8.6934762" id="rect815" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccc" class="iCSbfHOz_0"></path> <path style="fill: none; fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-width: 1.32292px; stroke-miterlimit: 4; stroke-opacity: 1;" d="m -264.20534,247.8631 h -136.4494 v 33.26189 33.26191 33.2619 33.26191 h 136.4494 136.44942" id="rect815-0" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccc" class="iCSbfHOz_1"></path> </g> <style data-made-with="vivus-instant">.iCSbfHOz_0{stroke-dasharray:543 545;stroke-dashoffset:544;animation:iCSbfHOz_draw 500ms ease-out 0ms forwards;}.iCSbfHOz_1{stroke-dasharray:543 545;stroke-dashoffset:544;animation:iCSbfHOz_draw 500ms ease-out 0ms forwards;}@keyframes iCSbfHOz_draw{100%{stroke-dashoffset:0;}}@keyframes iCSbfHOz_fade{0%{stroke-opacity:1;}91.48936170212767%{stroke-opacity:1;}100%{stroke-opacity:0;}}</style></svg>
Vivus Instantで作ったSVGなんですけど、pathタグのd以降に書かれてある通りにアニメーションが動くということはわかったのですが
これはどのように記述すればいいのでしょうか？
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。