技术资料收集站

window.onload = function () { //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); //填充一个矩形 var x = 40, y = 40; c

由于html5的出现，让网页中的视频、音频有了更加便捷的实现方式。但是video、audio标签只在IE 9+、Safari 3+、FireFox 4+、Opera 10+、Chrome 3+的浏览器版本得到了支持，并且各浏览器对于视频编码格式的支持不一致，这就需要我们考虑一个综合的实现方案，使得视频在不同浏览器中都能顺利播放，而且在老版本的浏览器中也能得到支持。以下是结合项目经验，总结出

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞　　＜/head＞　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你

今天向大家介绍一个由百度WebFE团队开发的支持HTML5&Flash的上传组件，组件功能强大而实用，特别是上传体验方面，做很好，支持文件多选，类型过滤，拖拽(文件&文件夹)，截图工具图片直接粘贴等功能。在兼容性方面也很不错，比如上传组件有HTML5和FLASH支持，用户无需关心内部用了什么内核，并兼容IE6+、iOS 6+、Android 4+。演示 & 下载

input type="radio" name="choice" id="ipt1">label for="ipt1">弹出1label>input type="radio" name="choice" id="ipt2">label for="ipt2">弹出2label>input type="button" value="确定" id="confirm">首先参考attr与p

如果不想让浏览器缓存input的值，有2种方法：方法一： 在不想使用缓存的input中添加 autocomplete="off"; input type="text" autocomplete="off" name="test" />方法二： 在 input 所在的form标签中添加 autocomplete="off"; form action="#" aut

如果不想让浏览器缓存input的值，有2种方法：方法一： 在不想使用缓存的input中添加 autocomplete="off"; input type="text" autocomplete="off" name="test" />方法二： 在 input 所在的form标签中添加 autocomplete="off"; form action="#"

DOCTYPE html >html>head> title>title> script type="text/javascript"> window.onload = function () { var canvas = document.getElementById("myCanvas"); var conte

DOCTYPE html >html>head> title>title> script type="text/javascript"> window.onload = function () { var canvas = document.getElementById("myCanvas"); var conte

DOCTYPE html >html>head> title>title> script type="text/javascript"> window.onload = function () { var canvas = document.getElementById("myCanvas"); var conte

DOCTYPE html>html>head> meta http-equiv="content-type" content="text/html; charset=utf-8"> title>title> script type="text/javascript"> window.onload = function () {

$代表jquery window.onload = function () { var cancans = document.getElementById("myCanvas"); //得到2D渲染上下文 var context = document.getElementById("myCanvas"

var context = document.getElementById("myCanvas").getContext("2d"); context.save(); context.shadowBlur = 20; //模糊值 context.shadowOffsetX = 10; //阴影向X偏移量

var context = document.getElementById("myCanvas").getContext("2d"); //旋转45度，和context.rotate(Math.PI / 4)效果一样 context.setTransform(1, 0, 0, 1, 0, 0);//重置矩阵 var angle

translate平移，接受2个参数，分别是x和y轴平移位置，平移的是绘图原点，之后绘图的原点就是平移后的位置，之前的图位置不变scale 缩放，接受2个参数，分别是x和y缩放系数，1是原来大小，也是对之后绘图影响，之前图没影响rotate旋转，参数是旋转度数，顺时针 var cancans = document.getElementById("m

DOCTYPE html>html>head> meta http-equiv="content-type" content="text/html; charset=utf-8"> title>title> script type="text/javascript"> window.onload = function () {

//得到2D渲染上下文var cancans = document.getElementById("myCanvas");var width = cancans.getAttribute("width");var height = cancans.getAttribute("height");var context = document.getElementById("myCanvas"

window.onload = function () { //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); var x = 50, y = 50, //原点坐标 radius = 5

"en">      "UTF-8">            "js/jquery-1.8.3.min.js">                *{padding: 0; margin: 0}          .box{              position: fixed;              width: 100%;              h