html - How do I animate my name in SVG? -


I want to type my name in cursor SVG

So far, I've partially worked it is . But I want to go from being empty to write my name, so far it just writes it upside down, besides, is there any way to change the font family?

HTML

  & lt; Html lang = "en" xmlns = "http: //www.w3.org/1999/xhtml"> & Lt; Top & gt; & Lt; Meta charset = "UTF-8" /> & Lt; Title & gt; Practice & lt; / Title & gt; & Lt; Script type = "text / javascript" src = "script.js" & gt; & Lt; / Script & gt; & Lt; Link href = "test.scss" rel = "stylesheet" /> & Lt; Link href = "svg.css" rel = "stylesheet" /> & Lt; / Head & gt; & Lt; Body & gt; & Lt; Svg width = "700" height = "600" version = "1.1" xmlns = "http://www.w3.org/2000/svg" & gt; & Lt; Path class = "path" fill = "#fffff" stroke = "# 000000" stroke-width = "4" stroke-miterlimit = "10" d = "M66.039,133.545c0,0-21-57,18-67s49- 4,65,8 s30,41,53,27,66,4,58,32 to -5,44,18,57 s 22,46,0,45--40-40-68-16 -40,88 -83,48 S11 -61-11-80-79-7-70-41 C46.039,146.545,53.039,128.545,66.039,133.545z "/> & Lt; Text class = "path" xml: space = "preserve" text-anchor = "middle" font-family = "serif" font-size = "65" id = "svg_1" y = "330" x = "528" stroke -Width = "2" stroke = "# 000000" fill = "# 000000" & gt; Joshua & lt; / Text & gt; & Lt; / Svg & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

css

  .path {stroke-dashair: 1000; Stroke-Doss Offset: 1000; Webkit-animation: Dash 2S linear alternate endless; } @ -webkit-keyframes Dash {from {stroke-dashoffset: 1000; } {Stroke-dashoffset: 0; }}  

but I want it to be empty to write it Should be my name So far, it only writes on behalf of it.

Change fill = "# 000000 to fill =" none ".

its Besides, is there a way to change the font family?

Change the font-family attribute.

  & lt; Text class = "path" xml: space = "preserve" text-anchor = "middle" font-family = "aerial" font-size = "65" id = "svg_1" y = "330" x = "528" stroke - width = "2" stroke = "# 000000" fill = "none" & gt; Joshua   

Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -