我希望在我的页面中创建多个矩形,但我需要能够在稍后编辑它们的属性(颜色和位置)。
我的html有:
<div id="display-area">
<canvas id="myCanvas">
Your browser does not support the HTML5 canvas tag.
</canvas>
</div>
我的外部javascript:
function drawRectangles() {
var i;
var x = 0;
var
问题就说明了一切。我只是想让这个功能发挥作用。如何连续记录x和y的位置?我已经尝试为它做了一个函数,也把这个函数放在一个for循环中。
也许我只是个新手不明白我在做什么。这就是为什么我要问你们好伙计!
这是我的javascript。不要认为你需要html,因为这都在画布标签中。
const body = document.body;
let canvas = document.querySelector('#myCanvas');
let c = canvas.getContext('2d');
body.style.overflowX = 'hidd
做一个随机的艺术生成器来分配任务。我们应该有随机弹出的方块,但我想不出画一个方块。这是我到目前为止所拥有的
function drawSquare(canvas, context, color){
var x= Math.floor(Math.random()*canvas.width);
var y= Math.floor(Math.random()*canvas.height);
context.beginPath();
context.fillStyle = color;
context.fillRect (x,y, canvas.width, c
我正在画布上画移动的矩形。我为测试目的创建了一个模板函数,它可以工作,但是由于我想绘制更多具有相同动画效果的矩形,所以我必须让这个模板函数到达构造函数,getContextand现在出现了问题:
模板功能:
ctx = getContext('2d');
var boxHeight = canvas.height/40;
var boxWidth = canvas.width/20;
function drawBox(){
var x = 20;
var y = canvas.height;
var w = boxWidth;
var h =