Canvas: implement rectangle drawing.

This commit is contained in:
Mátyás Mustoha 2015-04-21 14:22:06 +02:00
parent e4b620ea54
commit 5287cb7fba
34 changed files with 21 additions and 155 deletions

View file

@ -33,6 +33,7 @@ pub enum Canvas2dMsg {
MoveTo(Point2D<f32>),
PutImageData(Vec<u8>, Rect<f64>, Option<Rect<f64>>),
QuadraticCurveTo(Point2D<f32>, Point2D<f32>),
Rect(Rect<f32>),
RestoreContext,
SaveContext,
StrokeRect(Rect<f32>),

View file

@ -220,6 +220,7 @@ impl<'a> CanvasPaintTask<'a> {
}
Canvas2dMsg::MoveTo(ref point) => painter.move_to(point),
Canvas2dMsg::LineTo(ref point) => painter.line_to(point),
Canvas2dMsg::Rect(ref rect) => painter.rect(rect),
Canvas2dMsg::QuadraticCurveTo(ref cp, ref pt) => {
painter.quadratic_curve_to(cp, pt)
}
@ -351,6 +352,15 @@ impl<'a> CanvasPaintTask<'a> {
self.path_builder.line_to(*point)
}
fn rect(&self, rect: &Rect<f32>) {
self.path_builder.move_to(Point2D(rect.origin.x, rect.origin.y));
self.path_builder.line_to(Point2D(rect.origin.x + rect.size.width, rect.origin.y));
self.path_builder.line_to(Point2D(rect.origin.x + rect.size.width,
rect.origin.y + rect.size.height));
self.path_builder.line_to(Point2D(rect.origin.x, rect.origin.y + rect.size.height));
self.path_builder.close();
}
fn quadratic_curve_to(&self,
cp: &Point2D<AzFloat>,
endpoint: &Point2D<AzFloat>) {

View file

@ -640,6 +640,15 @@ impl<'a> CanvasRenderingContext2DMethods for JSRef<'a, CanvasRenderingContext2D>
self.renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::LineTo(Point2D(x as f32, y as f32)))).unwrap();
}
// https://html.spec.whatwg.org/multipage/#dom-context-2d-rect
fn Rect(self, x: f64, y: f64, width: f64, height: f64) {
if [x, y, width, height].iter().all(|val| val.is_finite()) {
let rect = Rect(Point2D(x as f32, y as f32),
Size2D(width as f32, height as f32));
self.renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::Rect(rect))).unwrap();
}
}
// https://html.spec.whatwg.org/multipage/#dom-context-2d-quadraticcurveto
fn QuadraticCurveTo(self, cpx: f64, cpy: f64, x: f64, y: f64) {
if !(cpx.is_finite() && cpy.is_finite() &&

View file

@ -171,7 +171,7 @@ interface CanvasPathMethods {
unrestricted double radius);
// NOT IMPLEMENTED [LenientFloat] void arcTo(double x1, double y1, double x2, double y2, double radiusX, double radiusY, double rotation);
//void rect(double x, double y, double w, double h);
void rect(unrestricted double x, unrestricted double y, unrestricted double w, unrestricted double h);
[Throws]
void arc(double x, double y, double radius, double startAngle, double endAngle, optional boolean anticlockwise = false);

View file

@ -1,5 +0,0 @@
[2d.drawImage.path.html]
type: testharness
[Canvas test: 2d.drawImage.path]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.clearRect.path.html]
type: testharness
[clearRect does not affect the current path]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.fillRect.path.html]
type: testharness
[fillRect does not affect the current path]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.strokeRect.path.html]
type: testharness
[strokeRect does not affect the current path]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.gradient.interpolate.zerosize.fill.html]
type: testharness
[Canvas test: 2d.gradient.interpolate.zerosize.fill]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.arcTo.shape.curve1.html]
type: testharness
[arcTo() curves in the right kind of shape]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.arcTo.shape.curve2.html]
type: testharness
[arcTo() curves in the right kind of shape]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.beginPath.html]
type: testharness
[Canvas test: 2d.path.beginPath]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.fill.overlap.html]
type: testharness
[Canvas test: 2d.path.fill.overlap]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.moveTo.basic.html]
type: testharness
[Canvas test: 2d.path.moveTo.basic]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.basic.html]
type: testharness
[Canvas test: 2d.path.rect.basic]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.closed.html]
type: testharness
[Canvas test: 2d.path.rect.closed]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.end.1.html]
type: testharness
[Canvas test: 2d.path.rect.end.1]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.end.2.html]
type: testharness
[Canvas test: 2d.path.rect.end.2]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.negative.html]
type: testharness
[Canvas test: 2d.path.rect.negative]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.newsubpath.html]
type: testharness
[Canvas test: 2d.path.rect.newsubpath]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.nonfinite.html]
type: testharness
[rect() with Infinity/NaN is ignored]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.selfintersect.html]
type: testharness
[Canvas test: 2d.path.rect.selfintersect]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.winding.html]
type: testharness
[Canvas test: 2d.path.rect.winding]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.1.html]
type: testharness
[Canvas test: 2d.path.rect.zero.1]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.2.html]
type: testharness
[Canvas test: 2d.path.rect.zero.2]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.3.html]
type: testharness
[Canvas test: 2d.path.rect.zero.3]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.4.html]
type: testharness
[Canvas test: 2d.path.rect.zero.4]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.5.html]
type: testharness
[Canvas test: 2d.path.rect.zero.5]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.rect.zero.6.html]
type: testharness
[Canvas test: 2d.path.rect.zero.6]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.stroke.prune.rect.html]
type: testharness
[Zero-length line segments from rect and strokeRect are removed before stroking]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.path.transformation.multiple.html]
type: testharness
[Transformations are applied while building paths, not when drawing]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.imageData.put.path.html]
type: testharness
[putImageData() does not affect the current path]
expected: FAIL

View file

@ -1,5 +0,0 @@
[2d.state.saverestore.path.html]
type: testharness
[save()/restore() does not affect the current path]
expected: FAIL

View file

@ -6993,9 +6993,6 @@
[CanvasRenderingContext2D interface: operation arcTo(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double)]
expected: FAIL
[CanvasRenderingContext2D interface: operation rect(unrestricted double,unrestricted double,unrestricted double,unrestricted double)]
expected: FAIL
[CanvasRenderingContext2D interface: operation arc(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,boolean)]
expected: FAIL
@ -7191,12 +7188,6 @@
[CanvasRenderingContext2D interface: calling arcTo(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError]
expected: FAIL
[CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "rect" with the proper type (77)]
expected: FAIL
[CanvasRenderingContext2D interface: calling rect(unrestricted double,unrestricted double,unrestricted double,unrestricted double) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError]
expected: FAIL
[CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "ellipse" with the proper type (79)]
expected: FAIL