摘要：
$代表jquery window.onload = function () { var cancans = document.getElementById("myCanvas"); //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); var img = new Image(); img.width = "500"; img.height = "... 阅读全文
posted @ 2012-07-07 23:02
Bug山Bug海
阅读(556)
评论(0)
推荐(0)
摘要：
var context = document.getElementById("myCanvas").getContext("2d"); context.save(); context.shadowBlur = 20; //模糊值 context.shadowOffsetX = 10; //阴影向X偏移量 context.shadowOffsetY = 10; //阴影向Y偏移量 context.shadowColor = "blue"; //阴影颜色 ... 阅读全文
posted @ 2012-07-07 15:14
Bug山Bug海
阅读(540)
评论(0)
推荐(0)
摘要：
var context = document.getElementById("myCanvas").getContext("2d"); //旋转45度，和context.rotate(Math.PI / 4)效果一样 context.setTransform(1, 0, 0, 1, 0, 0);//重置矩阵 var angle = Math.PI / 4; var xScale = Math.cos(angle); var ySkew = -Math.sin(a... 阅读全文
posted @ 2012-07-07 13:58
Bug山Bug海
阅读(374)
评论(0)
推荐(0)
摘要：
translate平移，接受2个参数，分别是x和y轴平移位置，平移的是绘图原点，之后绘图的原点就是平移后的位置，之前的图位置不变scale 缩放，接受2个参数，分别是x和y缩放系数，1是原来大小，也是对之后绘图影响，之前图没影响rotate旋转，参数是旋转度数，顺时针 var cancans = document.getElementById("myCanvas"); //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); ... 阅读全文
posted @ 2012-07-07 09:53
Bug山Bug海
阅读(1073)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript"> window.onload = function () { var cancans = document.getElementById("myCanvas&q 阅读全文
posted @ 2012-07-07 09:14
Bug山Bug海
阅读(602)
评论(0)
推荐(0)
浙公网安备 33010602011771号