<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!-- <canvas id="myCanvas" width="500" height="500"></canvas> --> <script type="text/javascript"> var canvas=document.createElement("canvas"); canvas.style.height = '500px'; canvas.style.width = '500px'; //var c=document.getElementById("myCanvas"); //var cxt=c.getContext("2d"); var cxt = canvas.getContext("2d"); cxt.fillStyle="#FF0000"; /* x 矩形左上角的 x 坐標 y 矩形左上角的 y 坐標 width 矩形的寬度,以像素計 height 矩形的高度,以像素計 */ cxt.fillRect(0,0,500,500); </script></body>
動態創建canvas元素為什么無效?
滄海一幻覺
2019-02-11 17:24:25