“三分钟”之SVG画微信LOGO
svg:可伸缩矢量图形
效果如下:
代码如下:
<!DOCTYPE html>
<html>
<body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"><!--绿色大椭圆下的小尾巴--><polygon points="70,92 85,97 65,107"style="fill:#84d845;"/><!--绿色大椭圆--><ellipse cx="100" cy="60" rx="50" ry="42" style="fill:#84d845;" /><!--灰色小椭圆下的小尾巴--><polygon points="150,115 160,110 165,120"style="fill:#f1f2f4;"/><!--灰色小椭圆--><ellipse cx="135" cy="85" rx="40" ry="32" style="fill:#f1f2f4;" /><!--两只大眼睛--><ellipse cx="82" cy="45" rx="5" ry="5" style="fill:#136f1a;" /><ellipse cx="115" cy="45" rx="5" ry="5" style="fill:#136f1a;" /><!--两只小眼睛--><ellipse cx="120" cy="75" rx="4" ry="4" style="fill:#797d7e;" /><ellipse cx="145" cy="75" rx="4" ry="4" style="fill:#797d7e;" />
</svg></body>
</html>
ellipse-椭圆
属性 | 含义 |
---|---|
cx | 中心X轴 |
cy | 中心X轴 |
rx | 长半径 |
ry | 短半径 |
polygon-多边形
自己上手试试:
菜鸟教程在线编辑
“三分钟”之SVG画微信LOGO相关推荐
- html做微信logo,HTML5新特性之用SVG绘制微信logo
原标题:HTML5新特性之用SVG绘制微信logo 这篇文章主要介绍了HTML5新特性之用SVG绘制的微信logo的相关资料,需要的朋友可以参考下. HTML5新特新 HTML5中的一些有趣的新特性: ...
- html5 logo svg,HTML5新特性之用SVG绘制微信logo
html5新特新html5 中的一些有趣的新特性:1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如 ...
- html5画布绘制微信logo,HTML5新特性之用SVG绘制微信logo
HTML5新特新 HTML5 中的一些有趣的新特性: 1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比 ...
- 三分钟给女神画张素描照
十几年前 麻雀在窗外朗朗读书 夕阳从窗缝悄悄溜入 窗内刻满"早"字的桌子上 横七竖八的摆放着肆意晃动的小脑袋 奋笔疾书的绘画着美术老师的作业 他们的笔下 小鸡有三对翅膀就能飞的更高 ...
- android个人支付功能,个人app支付接入(三分钟搞定个人微信支付,支付宝支付问题)---贝贝支付...
前言 想必很多人个人开发者和我有同样的感触,想要在自己开发的app中接入微信支付和支付宝支付,仅仅是去申请支付接口就把我们挡在了门外,微信和支付宝都只对接企业的,那不是想逼死我们个人开发者吗?一开始使 ...
- [html] 使用svg画一个微信的logo
[html] 使用svg画一个微信的logo <svg xmlns="http://www.w3.org/2000/svg" version="1.1"& ...
- 用svg画一个微信订阅号的图标
用svg画一个微信订阅号的图标 <!DOCTYPE html> <html> <body><svg xmlns="http://www.w3.org ...
- 三分钟看懂5G NSA和SA
原标题:三分钟看懂5G NSA和SA 来源:无线深海 作者:蜉蝣采采 物联网智库 转载 导 读 本文将详细讨论什么是5G NSA(非独立组网)和5G SA(独立组网),以及它们有何异同之处. 01 5 ...
- html做微信logo,纯CSS实现一个微信logo,需要几个标签?_html/css_WEB-ITnose
博客已迁移至http://lwzhang.github.io. 纯CSS实现一个微信logo并不难,难的是怎样用最少的 html 标签实现.我一直在想怎样用一个标签就能实现,最后还是没想出来,就只好用 ...
最新文章
- VsCode中文乱码解决方法
- C语言经典例82-八进制转换为十进制
- AC日记——行程长度编码 openjudge 1.7 32
- espflashdownloadtool连接串口失败_关于串口下载问题和超时
- 如何利用DeepFM算法设计推荐系统
- Intellij自动生成测试类
- 又重新让aspspider.net支持中文PDF输出了
- 实例分割模型Mask R-CNN详解——从R-CNN,Fast R-CNN,Faster R-CNN再到Mask R-CNN
- 拿什么拯救我,我的爱人
- UWP 颜色选择器(ColorPicker) 和 自定义的Flyout(AdvancedFlyout)
- 按课程查询学生成绩C语言,C语言课程设计学生成绩管理系统
- Aggregate 为字符串数组元素添加单引号 可用于SQL数据查询 in
- Pycharm快捷键设置(鼠标滚动控制字体大小)
- vue ,solt 插值组件新内容
- php论坛管理系统,PHPWind论坛站群管理系统-PHPWind自动采集-PHPWind自动更新
- TP-LINKTL-WR845N和腾达W311R怎么设置wds桥接
- mysql etimedout_Node.js MySQL ETIMEDOUT error
- 最新版Activit7从原理到项目,工作流精讲上线
- apche服务器网站访问503错误,apache部署python程序出现503错误的解决方法
- 知识管理:营建学习型团队