<path d="M100,100 A50,25 0 1 1 150 150 fill="none" stroke="red" stroke-width="5" />
其中A指令中最后两个参数是终点的坐标为:150,150. 注意A指令中的前两个参数50,25分别为椭圆的长半轴与短半轴。 执行后效果如下:
接下来我将终点的坐标设置比较大,也就是说距离起点(100,100)比较远,相距的距离大于椭圆的长轴长度(50*2)。设置代码如下:
<path d="M100,100 A50,25 0 1 1 550 550 fill="none" stroke="red" stroke-width="5" />
然后执行效果如下:
发现了什么?发现了代码中的半长轴与半短轴不起作用了。这是不是告诉我当终点与起点距离大于一个数值时,A指令的前两个参数就不起作用了。但是,BUT,显示的图像的样式没有变,换一种说法就是将原来的图形放大了,但是 不是通过放大镜放大了,因为浏览器显示比例还是100%,对吗?
各位如果有什么见解可以发表一下,谢谢先!