苏帕 - 博客园

在Photoshop中实现将Roughness贴图放入Metalic贴图的Alpha通道中

摘要：一万年过去了，我终于回来写博客啦最近在看傅老师的Unity教程，看到第10p的时候，有一个地方讲的是Material中可设置的一个贴图中，有一个叫做Roughness（记录Material粗糙度的贴图），它在Unity中没有特定的选项去设置这张贴图，唯一接近的就是Smoothness属性。但Smo 阅读全文

posted @ 2019-09-28 22:42 苏帕阅读(5533) 评论(1) 推荐(0)

navigator.geolocation的应用 - 将定位信息显示在百度地图上

摘要：在学习navigator.geolocation的时候，有一个实例是获取坐标后显示在谷歌地图上。众所周知，谷歌地图国内并不能直接访问，得用特殊手段，那我要测试的时候还要开着梯子挺麻烦的，想给别人用也得那个人能访问谷歌地图先。地图不止谷歌一家有嘛，咱国内还是可以用用百度地图、必应地图、高德地图这些。阅读全文

posted @ 2019-05-15 10:06 苏帕阅读(1303) 评论(0) 推荐(0)

<canvas>标签的一些应用

摘要：最近刚接触到<canvas>标签，虽然知道它可以对像素进行一些处理，但却想不出实战中能做点什么。百度找到了haorooms博客中的一篇文章，还挺实用的，就用自己的理解给他的实例做个注释方便我这个沙比以后回顾时能快点想起来代码的作用和这些功能的原理。注意：使用跟ImageData对象相关的功能的时候阅读全文

posted @ 2019-05-07 17:38 苏帕阅读(1615) 评论(0) 推荐(0)

<canvas>中isPointInPath()方法在不同绘制内容中的效果

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

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

在<canvas>上绘制img（drawImage()）时需要注意的事

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

posted @ 2019-04-26 16:25 苏帕阅读(4416) 评论(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 苏帕阅读(228) 评论(0) 推荐(0)

个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）

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

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

CSS 中的 !important 属性

摘要： !important的作用就是提高指定样式属性的优先级。一般情况下，我们对同一个元素设置样式属性的时候，对同一个属性设置了两个甚至多个值，像下面这样：这个时候就是后面声明的属性生效，字体显示为蓝色。假设我们希望我还像上面这么写，但我希望最终生效字体显示为红色，那我们可以给红色设置!import 阅读全文

posted @ 2019-02-21 10:15 苏帕阅读(1031) 评论(1) 推荐(0)

自定义事件——Event和CustomEvent

摘要：之前在学习自定义事件时，在MDN的Event.initEvent()页面顶端有写：该特性已从Web标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。作为替代，我们可以通过创建Event对象和CustomEvent对象来创建自定义对象。先从Event( 阅读全文

posted @ 2019-02-15 16:11 苏帕阅读(11128) 评论(0) 推荐(1)

JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()

摘要：在学习目标事件的方法的时候，接触到了dispatchEvent()方法。度娘查一查，这是一个事件触发器，事件触发器其实就是触发事件的东西。通常情况下，我们触发事件都是在交互中触发的事件，例如点击按钮（click）、提交表单（submit）等。但是有的情况下，事件触发只能由程序来完成，例如ajax框阅读全文

posted @ 2019-02-15 10:12 苏帕阅读(5775) 评论(0) 推荐(0)

导航