04 2019 档案

<canvas>中isPointInPath()方法在不同绘制内容中的效果
摘要：<canvas>是HTML5中新增加的一个元素，我们可以使用脚本（通常使用JavaScript）在上面绘制图形，就像个画布一样。我们可以用它来绘制图表、制作一些动画。默认大小为300px × 150px。 在<canvas>中绘制图形的方法中，isPointInPath()方法用于检测指定的点是否在 阅读全文

posted @ 2019-04-29 16:01 苏帕 阅读(1339) 评论(1) 推荐(3)

在<canvas>上绘制img（drawImage()）时需要注意的事
摘要：<canvas>标签相当于是一个画布，css决定画布的样式（这块画布的背景颜色、大小等），脚本（一般使用JavaScript）就是画笔，我们可以在这个画布上绘制线条、形状、文字、图片等。 <canvas>标签对中的内容会在浏览器不支持这个标签的时候（如在IE8以及更旧版本的浏览器上启动）的时候会显示 阅读全文

posted @ 2019-04-26 16:25 苏帕 阅读(4407) 评论(0) 推荐(0)

HTML5中的语义标签兼容IE8以及更低版本的浏览器
摘要：看某教程，说让HTML5的这些语义标签能够兼容低版本的浏览器，原文是“你可以设置css的display属性为block”。很好理解，就设置css样式为block嘛，那就直接设置咯： 1 <body> 2 <header>header元素</header> 3 <section>section元素</ 阅读全文

posted @ 2019-04-25 16:49 苏帕 阅读(221) 评论(0) 推荐(0)

个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）
摘要：先上效果图，不要在意用来当素材的图片： 在搜索相关资料的时候，查到有两种实现方式：一是使用JavaScript，二是使用CSS3中的Animation（动画），这里使用的是CSS3中的Animation实现的图片轮播功能。 首先我们要理解这个图片轮播的结构，我一早上都因为没有理解结构在那里浪费时间， 阅读全文

posted @ 2019-04-15 21:46 苏帕 阅读(10954) 评论(2) 推荐(2)

导航