首页 > 代码库 > canvas - 变换
canvas - 变换
变换方法 *5
translate(x,y) 重新映射画布上的(0,0)
rotate(deg) deg - degree * Math.PI / 180
scale(scaleWidth,scaleHeight)
transform(a,b,c,d,e,f) // 水平缩放绘图 水平倾斜绘图 垂直倾斜绘图 垂直缩放绘图 水平移动绘图 垂直移动绘图
setTransform
ctx.strokeStyle = "#f89"; ctx.fillStyle = "#f89"; ctx.shadowColor = "#e10"; ctx.shadowOffsetX = ctx.shadowOffsetY = 6; ctx.lineWidth = 5; ctx.translate(200,200) for (var i =12;i--;){ ctx.rotate(30*Math.PI/180); ctx.moveTo(0,0); ctx.lineTo(100,100); ctx.stroke(); } ctx.rect(50,300,100,100); ctx.stroke() undefined ctx.transform(1,0.5,-0.5,1,300,10); ctx.fillRect(0,0,250,100);
canvas - 变换
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。