全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
180 2
2019-06-17
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" />
若输入的不是数字,则会提示错误

二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

全部回复
2019-6-17 18:34:05
学习笔记奖!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-6-17 23:44:51
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群