2017-07-17 12 views
-1

我有Smiley Face快樂.SVG路徑,但我無法找到中立不快樂的.SVG路徑。如何爲Smiley Face快樂中性不開心找到SVG路徑

下面是代碼

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
\t <title>Santosh Bokefode SVG Sample</title> 
 
\t <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
 
</head> 
 
<body> 
 
\t <h2>Smiley Face</h2> 
 
\t <svg height="200" width="600" xmlns=http://www.w3.org/2000/svg> 
 
\t \t <circle id="yellowcircle" cx="50" cy="50" r="50" fill="yellow"/> 
 
\t \t <circle id="blackcircle" cx="30" cy="30" r="10" fill="black"/> 
 
\t \t <circle id="blackcircle" cx="70" cy="30" r="10" fill="black"/> 
 
\t \t <ellipse id="blackellipse" cx="50" cy="75" rx="20" ry="8" fill="black"/> 
 
\t \t <ellipse id="yellowellipse" cx="50" cy="73" rx="20" ry="8" fill="yellow"/> 
 
\t \t <g transform='translate(15,65)'> 
 
\t \t \t <path d="M0,0 A40,40 10 0,0 65,0" fill=none stroke=black stroke-width=5 /> 
 
\t \t </g> 
 
\t </svg> 
 
</body> 
 
</html>

+0

存在這個問題,伊萬的回答的表情有點令人毛骨悚然 –

+0

@NickA同意,但實際上我不明白的問題 – Ivan

+0

爲什麼被標記由* JavaScript的問題*?你想動畫你的微笑還是隻爲'中性和不高興的臉部'獲得'd'屬性值''? – Alexander

回答

0

你想要這樣的結果?

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
\t <title>Santosh Bokefode SVG Sample</title> 
 
\t <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
 
</head> 
 
<body> 
 
\t <h2>Smiley Face</h2> 
 
\t <svg height="200" width="600" xmlns=http://www.w3.org/2000/svg> 
 
\t \t <circle id="yellowcircle" cx="50" cy="50" r="50" fill="yellow"/> 
 
\t \t <circle id="blackcircle" cx="30" cy="30" r="10" fill="black"/> 
 
\t \t <circle id="blackcircle" cx="70" cy="30" r="10" fill="black"/> 
 
\t \t 
 
\t \t <g transform="translate(85,85) rotate(180)"> 
 
\t \t <path d="M0,0 A40,40 10 0,0 65,0" fill="none" stroke="black" stroke-width="5"></path> 
 
\t </g> 
 
\t </svg> 
 
</body> 
 
</html>

+0

請分享中性臉的路徑 –

+0

@ santosh_b88替換'g'標記 \t \t \t Ivan