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
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
 
                         
                        