HTML5新特新 
HTML5 中的一些有趣的新特性: 
1、用于绘画的 canvas 元素 
2、用于媒介回放的 video 和 audio 元素 
3、对本地离线存储的更好的支持 
4、新的特殊内容元素,比如 article、footer、header、nav、section 
5、新的表单控件,比如 calendar、date、time、email、url、search 
SVG绘制图片效果图: 
代码如下: 
复制代码代码如下:
<style> 
* { 
padding: ; 
margin: ; 
} 
body { 
background-color: #ddd; 
} 
.container { 
width: px; 
height: px; 
position: relative; 
top: px; 
left: %; 
transform: translated(-%,,); 
background-color:#c; 
border-radius: px; 
box-shadow: px #cbfbf; 
} 
.container object{ 
position:relative; 
top:px; 
left:px; 
} 
</style> 
<body> 
<div class="container"> 
<object data="logo.svg" width="" height="" type="image/svg+xml" /> 
</div> 
</body> 
这个是xml格式的代码,跟html文档分离的。 
复制代码代码如下:
<?xml version="." standalone="no"?> 
<!DOCTYPE svg PUBLIC "-//WC//DTD SVG .//EN" 
"http://www.w.org/Graphics/SVG/./DTD/svg.dtd"> 
<svg width="%" height="%" version="." xmlns="http://www.w.org//svg"> 
<ellipse cx="" cy="" rx="" ry="" style="fill:rgb(,,);stroke:rgb(,,);stroke-width:"/> 
<circle cx="" cy="" r="" style="fill:#c;stroke:#c;stroke-width:"/> 
<circle cx="" cy="" r="" style="fill:#c;stroke:#c;stroke-width:"/> 
<polygon points=", , ," style="fill:#fff;stroke:#fff;stroke-width:"/> 
<ellipse cx="" cy="" rx="" ry="" style="fill:#c;stroke:#c;stroke-width:"/> 
<ellipse cx="" cy="" rx="" ry="" style="fill:rgb(,,);stroke:rgb(,,);stroke-width:"/> 
<circle cx="" cy="" r="" style="fill:#c;stroke:#c;stroke-width:"/> 
<circle cx="" cy="" r="" style="fill:#c;stroke:#c;stroke-width:"/> 
<polygon points=", , ," style="fill:#fff;stroke:#fff;stroke-width:"/> 
</svg>
以上所述是小编给大家分享的HTML5新特性之用SVG绘制的微信logo ,希望对大家有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
                        



