中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
一、说明 绘制路径。 说明:该组件从API version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
二、子组件 支持animate、animateMotion、animateTransform。 三、属性 支持Svg组件通用属性和以下属性。
四、案例
<div class="container"> <svg width="400" height="200"> <path d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" stroke="blue" stroke-width="3" fill="red"> </path> </svg> <svg width="400" height="400"> <path d="M 100 90 A 10 20 -30 1 0 91.5 95 A 10 20 -90 1 0 91.5 105 A 10 20 -150 1 0 100 110 A 10 20 150 1 0 108.5 105 A 10 20 90 1 0 108.5 95 A 10 20 30 1 0 100 90" stroke="blue" stroke-width="3" fill="red"> </path> </svg> </div>
效果:
完整代码地址: https://gitee.com/jltfcloudcn/jump_to/tree/master/path
微信扫码分享