相关疑难解决方法(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万
查看次数

透明空心或切圆圈

是否可以仅使用CSS 切出空心圆

我们都可以这样做:

正常的CSS圈子

但我们可以这样做吗?

div中的透明空心圆

圆必须是中空的,并且透明.因此,通过在a上放置一个纯色圆圈就无法解决问题div.

css svg transparency css3 css-shapes

55
推荐指数
5
解决办法
4万
查看次数

标签 统计

svg ×2

css ×1

css-shapes ×1

css3 ×1

drawing ×1

geometric-arc ×1

geometry ×1

transparency ×1

vml ×1