Php SVG图像生成
已经尝试了下面的代码来生成SVG图像Php SVG图像生成,php,html,svg,Php,Html,Svg,已经尝试了下面的代码来生成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
<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);
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、 附加(“路径”).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>
快乐编码 使用变换在y轴上缩放它。你能详细说明你的答案吗?关于你不理解的注释,它是什么?d=“M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 5 18 Q13.5 6.8 15 3z”在哪个部分需要更改,请不要解释。将变换属性添加到路径。