相关疑难解决方法(0)

使用SVG的弧形路径绘制圆形图

以下SVG路径可以绘制一个圆的99.99%:(在http://jsfiddle.net/DFhUF/46/上尝试它,看看你是否看到4个弧或只有2个,但请注意,如果它是IE,它会被渲染在VML中,而不是SVG,但有类似的问题)

M 100 100 a 50 50 0 1 0 0.00001 0
Run Code Online (Sandbox Code Playgroud)

但是当它是一个圆圈的99.99999999%时,什么都没有显示出来?

M 100 100 a 50 50 0 1 0 0.00000001 0    
Run Code Online (Sandbox Code Playgroud)

这与100%的圆圈相同(它仍然是弧形,不是它,只是一个非常完整的圆弧)

M 100 100 a 50 50 0 1 0 0 0 
Run Code Online (Sandbox Code Playgroud)

怎么能修好?原因是我使用一个函数绘制一个弧的百分比,如果我需要"特殊情况"一个99.9999%或100%的弧来使用圆函数,那就太傻了.

同样,使用RaphaelJS的jsfiddle上的测试用例位于http://jsfiddle.net/DFhUF/46/
(如果它是IE 8上的VML,即使第二个圆圈也不会显示......你必须将它改为0.01)


更新:

这是因为我在我们的系统中为得分渲染弧,所以3.3点得到1/3的圆.0.5得到半圈,9.9得到99%的圈.但是如果我们的系统中得分为9.99呢?我是否必须检查它是否接近圆的99.999%,并相应地使用arc函数或circle函数?那么得分9.9987怎么样?哪一个使用?要知道什么样的分数将映射到"太完整的圆圈"并切换到圆形函数是荒谬的,当它是圆圈的"某个99.9%"或9.9987分数时,则使用弧函数.

geometry svg vml drawing geometric-arc

139
推荐指数
8
解决办法
12万
查看次数

如何在拉斐尔的路径上实现"甜甜圈洞"

我想绘制一个有孔的形状,这样我就可以fill塑造它而不会让孔充满那种颜色(让它们保持透明).

根据W3路径规范:

复合路径(即,具有多个子路径的路径)可以允许诸如对象中的"环形孔"之类的效果.

有人可以举一个非常简单的例子说明如何在拉斐尔用矢量路径执行此操作吗?

非常感谢.

svg vector path raphael

13
推荐指数
1
解决办法
7531
查看次数

标签 统计

svg ×2

drawing ×1

geometric-arc ×1

geometry ×1

path ×1

raphael ×1

vector ×1

vml ×1