admin 管理员组

文章数量: 887006

canvas

<script type="text/javascript">window.onload = function () {/** @type {HTMLCanvasElement} *///1.获取画布var canvas = document.querySelector('#test');if (canvas.getContext) {//2.获取画笔var ctx = canvas.getContext('2d');/* 缩放 scale(x,y)scale 方法接受两个参数x,y 分别是横轴和纵轴的缩放因子,它们都必须是正值值<1.0 表示缩小  值>1.0表示放大  值=1.0表示无效果缩放一般用来增减图形在canvas中的像素数目,对形状,位图进行缩小或放大*/ctx.translate(50,50);ctx.scale(2,2);  //canvas中的rotate是累加的/*放大：使画布内css像素的个数变少,单个css像素占据的实际尺寸变大缩小：使画布内css像素的个数变多,单个css像素占据的实际尺寸变小*/ctx.beginPath();ctx.fillRect(50,50,200,200)}}
</script>

本文标签： canvas

版权声明：本文标题：canvas 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1686792785h37098.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。