<path>中的A指令前两个参数在一定情况下不起作用

<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%,对吗?

各位如果有什么见解可以发表一下,谢谢先!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值