canvas怎么在画的园中填充图片

2025-04-12 14:33:38

1、这里的话我直接给大家代码吧！<!DOCTYPEHTML><head><title>thisisadicegame!!!</title><style>.btn-cls{position:absolute;top:400px;left:250px;}

2、</style></head><body><canvasid="canvas"width="600"height="600">yourbrowserdoesn'tsupporttheHTML5elementcanvas.</canvas>

3、<buttonid="btn"class="挢旗扦渌;btn-cls"onclick租涫疼迟="Throw()">开始投掷</button><script>varctx;//canvas上下文varpoint1,point2;ctx=document.getElementById('canvas').getContext('2d');//绘制画布ctx.strokeRect(0,0,600,600);

4、//绘制两个骰子ctx.strokeRect(100,100,150,150);ctx.strokeRect(350,100,150,150);functionThrow(){ //投掷按钮point1=Math.ceil(Math.random()*6);point2=Math.ceil(Math.random()*6);DrawPoint(point1,point2);}

5、functio艘绒庳焰nDrawPoint(drawPoint1,drawPoint2){//绘制骰子上面的点ctx.clearRect(110,110,130,130);ctx.beginPath();ctx.arc(135,215,5,0,2*Math.PI);ctx.arc(215,215,5,0,2*Math.PI);ctx.arc(215,135,5,0,2*Math.PI);ctx.fillStyle="block";ctx.closePath();ctx.fill();}</script>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。