立即打开
5.3 画布与SVG的比较
这两者有本质区别。SVG基于XML,在DOM解析中每个元素都是可用的,这样就可以为SVG元素附加JavaScript事件处理器,实现更丰富的效果。SVG中,每个被绘制的图形都被视为对象,若SVG对象的属性发生变化,浏览器能自动重现图形。
Canvas通过JavaScript来绘制二维图形,通过像素逐个渲染,完成图形的绘制。若图形已经被浏览器渲染完成,那么对它的任何改变都需要整个场景的重新绘制才能呈现。
对分辨率依赖:Canvas依赖,SVG不依赖
事件处理器:Canvas不支持,SVG支持
canvas文本渲染能力弱,SVG最适合带有大型渲染区域的应用程序(如谷歌地图)
Canvas能够以.png或.jpg格式保存结果图像;SVG对复杂度高的图像,会减慢渲染速度(任何过度使用DOM的应用都会变慢)
Canvas最适合图像密集型的游戏,其中的许多对象会被频繁重绘;SVG不适合游戏应用。
ch6. Form API
新增的表单类型
input输入类型
email类型
<form action="#" method="get" >
E-mail:<input type="email" name="myEmail" /><br />
<input type="submit" />
</form>
会自动增加验证email的功能
url类型
<input type="url" name="myURL" />
增加了url地址的验证
number类型
<input type="number" name="myNumber" />
若输入的不是数字,则会提示错误
扫码加我 拉你入群
请注明:姓名-公司-职位
以便审核进群资格,未注明则拒绝
全部回复
扫码加我 拉你入群
请注明:姓名-公司-职位
以便审核进群资格,未注明则拒绝
扫码加我 拉你入群
请注明:姓名-公司-职位
以便审核进群资格,未注明则拒绝
栏目导航
热门文章
推荐文章
扫码加好友,拉您进群