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

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more