[英]SVG Image Generate
已嘗試以下代碼生成 SVG 圖像
<path fill="transparent" stroke="#000" stroke-width="1.5"
d="M15 3
Q16.5 6.8 25 18
A12.8 12.8 0 1 1 5 18
Q13.5 6.8 15 3z" />
var pat = "M"+15+" "+3+" "+ "Q"+ 16.5 +" "+6.8+ " " + 25 + " " +18+ " "+"A" + 12.8 + " " + 12.8+ " " + 0 + " " + 1 + " " + 1 + " " + 5 + " " +18+ " " +"Q" + 13.5 + " " + 6.8 + " " + 15 + " " + 3 + "Z";
e.append("path").attr("d", pat);
但我需要這張圖片
我應該怎么做才能使它與第二張圖片相同。
在嘗試了這么多坐標值后,我找到了創建 drop svg 的確切坐標
這是代碼:
<svg height="1010" width="500">
<path fill="transparent" stroke="#000" stroke-width="1.5"
d="M297.5 3
Q297.5 6.8 410.5 150
A120.8 102.8 0 1 1 210 148
Q297.5 6.8 297.5 3z"
/>
</svg>
快樂編碼!!!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.