为了账号安全,请及时绑定邮箱和手机立即绑定

为什么加上

为什么加上

     <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 回答

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
走进SVG
  • 参与学习       52651    人
  • 解答问题       213    个

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

进入课程

为什么加上

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信