html5 canvas 怎么让矩形倾斜 如图想法是 建立一个矩形让其倾斜 然后加两个圆 但是试了rotate 感觉好难调啊 顿时觉得自己方法有问题 html5 应该不会有这么蠢的方法我的代码是cxt.rotate(-35*Ma

来源:学生作业帮助网 编辑:六六作业网 时间:2024/12/25 15:51:04
html5canvas怎么让矩形倾斜如图想法是建立一个矩形让其倾斜然后加两个圆但是试了rotate感觉好难调啊顿时觉得自己方法有问题html5应该不会有这么蠢的方法我的代码是cxt.rotate(-3

html5 canvas 怎么让矩形倾斜 如图想法是 建立一个矩形让其倾斜 然后加两个圆 但是试了rotate 感觉好难调啊 顿时觉得自己方法有问题 html5 应该不会有这么蠢的方法我的代码是cxt.rotate(-35*Ma
html5 canvas 怎么让矩形倾斜 如图

想法是  建立一个矩形让其倾斜  然后加两个圆  

但是试了rotate  感觉好难调啊  顿时觉得自己方法有问题  html5 应该不会有这么蠢的方法

我的代码是

cxt.rotate(-35*Math.PI/180);

cxt.fillStyle="#fff";

cxt.fillRect(10,250,120,60);   //这个10  250根本不是图像上的那个坐标但是 他绘制出来的确实又是这样


cxt.fillStyle="#87aee5";

cxt.beginPath();

cxt.arc(125,280,30,0,Math.PI*2,true);

cxt.closePath();

cxt.fill();


html5 canvas 怎么让矩形倾斜 如图想法是 建立一个矩形让其倾斜 然后加两个圆 但是试了rotate 感觉好难调啊 顿时觉得自己方法有问题 html5 应该不会有这么蠢的方法我的代码是cxt.rotate(-35*Ma

html:

<canvas id="c" width="400px" height="400px">not support</canvas>

CSS:

#c{
  background-color:rgba(134, 179, 225, 1);
}

JS:

window.onload = init;
var ctx = null;
var recX = 150,
    recY = 150,
    angle = -35;

function init() {
  var cvs = document.getElementById('c');
  ctx = cvs.getContext('2d');
  
  drawRectangle();
  drawCircle(-100, 0, 50, '#fff');
  drawCircle(100, 0, 50, 'rgba(134, 179, 225, 1)');
}

function setPos() {
  ctx.translate(recX, recY);  
  ctx.rotate(angle * Math.PI / 180);
}

function drawRectangle() {
  ctx.save();
  setPos();
  ctx.fillStyle = '#fff';
  ctx.fillRect(-100, -50, 200, 100);
  ctx.restore();
}

function drawCircle(x, y, r, fillStyle) {
  ctx.save();
  ctx.beginPath();
  setPos();
  ctx.fillStyle = fillStyle;
  ctx.arc(x, y, r, 0, Math.PI * 2, true);
  ctx.closePath();
  ctx.fill();
  ctx.restore();
}

html5 canvas 怎么让矩形倾斜 如图想法是 建立一个矩形让其倾斜 然后加两个圆 但是试了rotate 感觉好难调啊 顿时觉得自己方法有问题 html5 应该不会有这么蠢的方法我的代码是cxt.rotate(-35*Ma 怎样让canvas里面的其中一块矩形区域固定 如何计算html5中canvas绘制一个图形所需的时间? ai 矩形框 一画就倾斜变形了,怎么调回正常的矩形框? 用canvas画只有一个角是圆角的矩形,能画出来么? delphi canvas如何根据中心点坐标 和矩形的宽度 动态的画出矩形?delphi canvas如何根据中心点坐标 和矩形的宽度 动态的画出矩形?forestry98的回答 我试试看 canvas是什么意思? ps怎样画倾斜的矩形框 我的CAD画矩形的时候怎么是倾斜的,不是要正交的吗,怎么设置? 怎么能让椅子靠背向后倾斜 扶手也向后移动 但角度不变 cdr怎么让画的矩形默认虚线 莫明奇妙出现了canvas does not allow drawing我要问怎么消除。 opencv 通过四个坐标截取四边形我知道怎么用ROI截取正矩形,但是如果矩形不是正的,是歪的,或者倾斜的又怎么截取呢?我已经有矩形四个顶点的坐标 cad制图,比如我想在一个大的矩形里画很多小矩形,我知道阵列可以让小矩形排列整齐,但是我怎么让它们距离但是我怎么让它们在大矩形里居中呢? LOST CANVAS 什么意思 monogram-canvas是什么意思 in canvas的意思 Stretched-canvas什么意思