第一部分、保存和恢复绘图状态 画布中,绘图状态指的是描述某一时刻2D渲染上下文外观的整套属性,从简单的颜色值到复杂变换矩阵及其它特性 注意:画布上的当前路径和当前位图(正在显示的内容)不属于状态 1.保存绘图状态:save(); 2.恢复绘图状态:restore();&l ...
第一部分、保存和恢复绘图状态 例如:
<script type="text/javascript"> function draw1(id){ var canvas = document.getElementById(id); var context =canvas.getContext("2d"); context.translate(400,400); // 平移到正中心 context.rotate(0.7854); // 把2D渲染上下文旋转45° (Math.PI/4) context.fillStyle = "red"; context.fillRect(90,90,50,50); // 旋转画布后绘制一个图形 }draw1('myCanvas'); </script>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:canvas 高级功能整理
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。