-
//着色 context.fillStyle='rgb(2,100,30)'; context.fill(); context.stroke();查看全部
-
//状态设置 context.moveTo(100,100); context.lineTo(300,200); //具体绘制 context.stroke();查看全部
-
var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d');查看全部
-
<script> window.onload =function(){ var canvas = document.getElementById('canvas') canvas.width=1024; canvas.height=768; var context = canvas.getContext('2d') //使用getContext进行绘制 context.beginPath() context.moveTo(100,100) context.lineTo(700,700) context.lineTo(100,700) context.lineTo(100,100) context.closePath() // context.fillStyle="rgb(2,100,30)" // context.fill() context.lineWidth = 5 context.strokeStyle="red" context.stroke() context.beginPath() context.moveTo(200,100) context.lineTo(700,600) context.closePath() context.strokeStyle="black" context.stroke() } </script>查看全部
-
update 绘制小球的更新查看全部
-
使用canvas 绘制动画 setInterval(); 匿名函数 function(){ render(); 绘制当前画面 update(); 调整数据结构 }, 时间(毫秒)查看全部
-
context.arc( centerx,centery,radius,圆心坐标以及半径 startingAngle,endingAngle,开始角度，结束角度 anticlockwise = false;顺逆时针绘制 false顺时针 true 逆时针 )查看全部
-
Draw an arc查看全部
-
后续函数查看全部
-
七巧板的数组实现查看全部
-
先设置状态，再进行绘制查看全部
-
context：绘图的上下文环境查看全部
-
width:""height:""不带单位查看全部
-
代码截屏查看全部
-
html5查看全部
举报
0/150
提交
取消