HTML5+CSS3=充实笔记0617

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

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" />
若输入的不是数字，则会提示错误

扫码加我 拉你入群

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

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

分享0 收藏0 回帖

学习笔记奖！