使用SVG画小猫咪

最新推荐文章于 2022-05-14 21:46:31 发布

新凉

最新推荐文章于 2022-05-14 21:46:31 发布

阅读量1.8k

点赞数

分类专栏： JavaScript每日练习文章标签： SVG

本文链接：https://blog.csdn.net/tto_ott/article/details/44352261

版权

这篇博客详细介绍了SVG中的基本图形元素，包括rect、circle、ellipse、line、polyline、polygon和path的使用方法，特别强调了path元素的强大功能，可以绘制复杂的图形和曲线。

摘要由CSDN通过智能技术生成

</pre>SVG画简易小猫咪：<p>第一幅图是别人的，图2是自己画的</p><p><img src="https://img-blog.csdn.net/20150321204228584?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvVFRPX09UVA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><img src="https://img-blog.csdn.net/20150321204205987?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvVFRPX09UVA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p><p>-----------------------------分割线----------------------------</p><p>代码部分：</p><p></p><pre name="code" class="html"><!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8" />  
    <title>好玩的SVG---可爱的小猫咪</title>  
</head>  
<body>  
<!--SVG-小猫咪-->  
<svg width="200" height="200">  
        <title>Cat</title>  
        <desc>Stick Figure of a Cat</desc>  
        <!--画猫咪脸轮廓-->  
        <circle cx="100" cy="95" r="50" style="stroke: black; fill: none;