2013年2月1日
一个JavaScript的小问题
摘要： 本来要在网页里写这样一段测试代码：<script>var canvas=document.getElementById("display");var cxt=canvas.getContext("2d");</script><canvas id="display"></canvas><button onclick="alert(typeof(cxt))"/>test</button>结果一直给我报错，弄了我老半天。这才几行代码啊。后来查到的解决 阅读全文
posted @ 2013-02-01 01:13 蔚_Way 阅读(192) 评论(0) 推荐(0)
2013年1月5日
一种让子元素在父元素中居中显示的方法
摘要： 这种方法利用了外边距margin可以为负的特性。在css定位中将子元素顶部和左边都设置为从父元素的50%处开始定位，然后给子元素的外边距设置负的页边距，数值大小分别为子元素宽和高的一半，这样即可达到子元素在父元素居中显示的目的（如图）。注意使用这种方法子元素的定位方式必须为“相对定位”。<!DOCTYPE html><div id="a"> <div id="b"></div> </div> <style> #a{ height: 400px; width: 400px; posit 阅读全文
posted @ 2013-01-05 20:55 蔚_Way 阅读(281) 评论(0) 推荐(0)
画布Canvas自适应浏览器窗口调整宽高
摘要： 让画布自适应浏览器窗口调整宽高可以利用window对象的onresize事件属性，当浏览器窗口发生大小调整时会触发此事件。注意在css样式中应当清除外边距和内边距的浏览器默认样式，同时将canvas的display属性设置为“block”。此方法的目的是为了在调整浏览器窗口的时候页面不出现滚动条，在利用画布进行游戏开发的场合很常用。<!DOCTYPE html><body> <canvas id="a" width=300 height=300></canvas> <style> *{ margin: 0; pad 阅读全文
posted @ 2013-01-05 20:54 蔚_Way 阅读(3683) 评论(1) 推荐(0)