摘要:
使用谷歌浏览器调试代码时无意间发现了一个奇特的问题:从iframe页面调用父级页面的方法,window.parent.text(),出现
Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.,
这主要是没有获取iframe所在页面的parent的造成的 阅读全文
使用谷歌浏览器调试代码时无意间发现了一个奇特的问题:从iframe页面调用父级页面的方法,window.parent.text(),出现
Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.,
这主要是没有获取iframe所在页面的parent的造成的 阅读全文
posted @ 2015-04-23 10:32
html5前端技术分享
阅读(3184)
评论(0)
推荐(0)
摘要:
1.HTML Canvas API有两方面优势可以弥补:首先,不需要将所绘制图像中的每个图元当做对象存储,因此执行性能非常好;其次,在其他编程语言现有的优秀二维绘图API的基础上实现Canvas API相对来说比较简单。
2.在网页上使用canvas元素时,它会创建一块矩形区域。默认情况下该矩形区域宽为300像素,高为150像素,但也可以自定义具体的大小或者设置canvas元素的其他特性。 阅读全文
1.HTML Canvas API有两方面优势可以弥补:首先,不需要将所绘制图像中的每个图元当做对象存储,因此执行性能非常好;其次,在其他编程语言现有的优秀二维绘图API的基础上实现Canvas API相对来说比较简单。
2.在网页上使用canvas元素时,它会创建一块矩形区域。默认情况下该矩形区域宽为300像素,高为150像素,但也可以自定义具体的大小或者设置canvas元素的其他特性。 阅读全文
posted @ 2015-04-23 09:58
html5前端技术分享
阅读(657)
评论(0)
推荐(0)
在以往,我们在网页上制作动画效果的时候,如果是用javascript实现,一般都是通过定时器和间隔来实现的,出现HTML5之后,我们还可以用CSS3 的transitions和animations很方便的实现动画,这些技术手段在对于简单的或者对流畅性要求不高的动画不会有什么问题,然而随着用户体验的提高,我们制作的动画效果有了更高的要求,那么对于比较复杂的而且具有较高流畅性的动画效果,用以上的两种方法就有点捉襟见肘了。对于质量较高的动画效果的实现,我们又不想用falsh,那怎么办呢?
1、window.open方式
第一种:
在已经打开的一个普通网页上,点击“全屏显示”,然后进入该网页对应的全屏模式。方法为:在网页的与之间加入以下代码:
如果全屏显示的不是本页,则只需要把document.location换为对应的网址即可,即如下代码:
在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,
除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下:
在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。
版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
text-transform : none | capitalize| uppercase| lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个首字母转换成大写,其余无转换发生
第一个参数是包含文档所使用的命名空间URI的字符串;
* 第二个参数是包含文档根元素名称的字符串;
* 第三个参数是要创建的文档类型(也称为doctype)
canvas贝塞尔曲代码在线生成工具,可以快速生成二次、三次贝塞尔曲线的源码生成器,方便经常使用到canvas画图的同学使用,可以直接预览效果随意画出自己想要的图像。
生成源码效果预览:
浙公网安备 33010602011771号