为什么加上

来源:6-2 clip标签裁切图形

慕粉_李小白

2017-05-09 17:25

为什么加上

     <radialGradient id='light' cx='0.5' cy='0.5' r='0.5'>
                <stop offset='0' stop-color='rgba(255,255,255,.8)'></stop>
                <stop offset='1' stop-color='rgba(255,255,255,0)'></stop>
            </radialrGradient>
            <clipPath id='light-clip'>
                 <polygon points='0 0 -400 -15 -400 15' fill='rgba(255,0,0,0.5)'></polygon>
            </clipPath>
        </defs>
        <polygon points='0 0 5 50 -5 50' fill='url(#tower)'></polygon>
        <ellipse cx='0' cy='0' rx='300' ry='100' fill='url(#light)' clip-path='url(#light-clip)'></ellipse>

这段代码后显示的灯的范围又变回了椭圆?
写回答 关注

1回答

  • qq_好多鱼_0
    2017-08-29 15:03:28

    灯光是一个三角形的蒙版将椭圆裁剪后行程的,它的范围本身就是一个椭圆

走进SVG

SVG是HTML5 中矢量图的标记语言,学习后掌握更多的干货

52639 学习 · 213 问题

查看课程

相似问题