<!docType html>
<html>
    <head>
        <title>svg demo</title>
        <style>
            .line {
                stroke: rgb(100, 30, 30);
                stroke-width: 2px
            }
        </style>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
            <!-- 
                椭圆形
                cx,cy:椭圆中心坐标
                rx:水平半径
                ry:垂直半径
             -->
             <line x1="10" y1="10" x2="200" y2="200" class="line">
        </svg> 
    </body>
</html>
svg之直线
原创wx5ee83f8027ac0 ©著作权
             ©著作权归作者所有:来自51CTO博客作者wx5ee83f8027ac0的原创作品,请联系作者获取转载授权,否则将追究法律责任        
             
            
        
                提问和评论都可以,用心的回复会被更多人看到
                评论
            
            
                    发布评论
                
            
            相关文章
        
        - 
                    vue使用阿里svg图标vue3使用svg图标 矢量图标 svg svg vue
- 
                    直线模组精度等级是如何划分的?直线模组的精度是非常重要的指标,尽可能减少精度误差,才能让发挥出直线模组所在设备的稳定性。 直线模组 印刷设备 自动化生产线 激光打标机
- 
                    山东地图SVG路径获取指南AI视频创作及实际应用开发中,往往都会使用到山东地图SVG路径数据,本文给出此数据的获取途径。 SVG AI视频 山东地图 SVG路径
- 
                    svg之path添加链接描述 SVG实例 SVG教程
- 
                    android svg绘图之matrix问题transform=“matrix(0.694488,0,0,0.694488,287.527,988.6)”svg中transform属性共有6个值0.1.2.3.4.50-scalex1-skew svg android matrix transform 旋转角度
- 
                    SVG动画之AnimatedVectorDrawable学习以及使用LZ-Says:伙计,一路走来,走散了一些人,留下了最真的人,切勿悲伤,切勿心寒。抬起头,微笑继续向前行 animated-vector Vector android xml
 
 
                    













 
                    

 
                 
                    