script: Implement enough 2D canvas support to render basic SVGs such as

[jdm]

the tiger.

Rebased from #4623.

[hoppipolla-critic-bot]

Critic review: https://critic.hoppipolla.co.uk/r/4057

This is an external review system which you may optionally use for the code review of your pull request.

In order to help critic track your changes, please do not make in-place history rewrites (e.g. via git rebase -i or git commit --amend) when updating this pull request.

[Ms2ger]

/html/dom/interfaces.html
-------------------------
PASS expected FAIL CanvasRenderingContext2D interface: operation scale(unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: operation translate(unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: operation transform(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: operation setTransform(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: attribute strokeStyle
PASS expected FAIL CanvasRenderingContext2D interface: attribute fillStyle
PASS expected FAIL CanvasRenderingContext2D interface: operation beginPath()
PASS expected FAIL CanvasRenderingContext2D interface: operation fill(Path2D,CanvasFillRule)
PASS expected FAIL CanvasRenderingContext2D interface: operation closePath()
PASS expected FAIL CanvasRenderingContext2D interface: operation moveTo(unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: operation bezierCurveTo(unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double,unrestricted double)
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "scale" with the proper type (7)
PASS expected FAIL CanvasRenderingContext2D interface: calling scale(unrestricted double,unrestricted double) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "translate" with the proper type (9)
PASS expected FAIL CanvasRenderingContext2D interface: calling translate(unrestricted double,unrestricted double) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "transform" with the proper type (10)
PASS expected FAIL CanvasRenderingContext2D interface: calling transform(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
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "setTransform" with the proper type (11)
PASS expected FAIL CanvasRenderingContext2D interface: calling setTransform(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
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "beginPath" with the proper type (28)
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "fill" with the proper type (29)
PASS expected FAIL CanvasRenderingContext2D interface: calling fill(CanvasFillRule) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "fill" with the proper type (30)
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "closePath" with the proper type (70)
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "moveTo" with the proper type (71)
PASS expected FAIL CanvasRenderingContext2D interface: calling moveTo(unrestricted double,unrestricted double) on document.createElement("canvas").getContext("2d") with too few arguments must throw TypeError
PASS expected FAIL CanvasRenderingContext2D interface: document.createElement("canvas").getContext("2d") must inherit property "bezierCurveTo" with the proper type (74)
PASS expected FAIL CanvasRenderingContext2D interface: calling bezierCurveTo(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
PASS expected FAIL CanvasGradient interface: existence and properties of interface object
PASS expected FAIL CanvasGradient interface: existence and properties of interface prototype object
PASS expected FAIL CanvasGradient interface: existence and properties of interface prototype object's "constructor" property
PASS expected FAIL CanvasPattern interface: existence and properties of interface object
PASS expected FAIL CanvasPattern interface: existence and properties of interface prototype object
PASS expected FAIL CanvasPattern interface: existence and properties of interface prototype object's "constructor" property
/html/semantics/embedded-content/the-canvas-element/2d.type.prototype.html
--------------------------------------------------------------------------
PASS expected FAIL window.CanvasRenderingContext2D.prototype are not [[Writable]] and not [[Configurable]], and its methods are [[Configurable]].
/html/semantics/embedded-content/the-img-element/update-the-source-set.html
---------------------------------------------------------------------------
FAIL <picture>foo<img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><!--foo--><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><br><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><p></p><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><video><source srcset="data:,b"></video><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><span><source srcset="data:,b"></span><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><svg><source srcset="data:,b"></svg><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><svg><source srcset="data:,b"><img src="data:,a" data-expect="data:,b"></svg></picture>
FAIL <picture><svg><font><source srcset="data:,b"></font></svg><font><img src="data:,a" data-expect="data:,a"></font></picture>
FAIL <picture><svg><!--<font face> tag breaks out of svg--><font face=""></font><source srcset="data:,b"></svg><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><img src="data:,a"><img src="data:,b" data-expect="data:,b"></picture>
FAIL <picture><source><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source src="data:,b"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset=""><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset=", ,"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b 1x 1x"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media=""><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" media="all"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" media="all and (min-width:0)"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" media="all and !"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="all and (!)"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="not all"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="not all and (min-width:0)"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="not all and (max-width:0)"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" media="not all and !"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="not all and (!)"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media="all, !"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" media=","><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" media=", all"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type=""><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type=" "><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type=" image/gif"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif "><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif;"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif;encodings"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif;encodings="><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif;encodings=foobar"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/png"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/jpeg"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/svg+xml"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="image/x-icon"><img src="data:,a" data-expect="data:,b"></picture>
FAIL <picture><source srcset="data:,b" type="text/xml"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="text/html"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="text/plain"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="text/css"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="video/mp4"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="video/ogg"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="video/webm"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="unknown/unknown"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="application/octet-stream"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="application/x-shockwave-flash"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="image\gif"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="gif"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type=".gif"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="*"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="*/*"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="image/*"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type=","><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif, image/png"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="image/gif image/png"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><source srcset="data:,b" type="image/foobarbaz"><img src="data:,a" data-expect="data:,a"></picture>
FAIL <picture><img src="data:,a" data-expect="data:,a">foo</picture>
FAIL <picture><img src="data:,a" data-expect="data:,a"><br></picture>
FAIL <picture><img src="data:,a" data-expect="data:,a"><!--foo--></picture>
FAIL <picture><img src="data:,a" data-expect="data:,a"><img src="data:,b"></picture>
FAIL <picture><img data-expect=""><img src="data:,b"></picture>
FAIL <picture><img src="data:,a" data-expect="data:,a"><source srcset="data:,b"></picture>
FAIL <picture><img data-expect=""><source srcset="data:,b"></picture>
FAIL <picture><span><source srcset="data:,b"><img data-expect=""></span></picture>
FAIL <picture><span><source srcset="data:,b"><img src="data:,a" data-expect="data:,a"></span></picture>
FAIL <picture><source srcset="data:,b"><span><img src="data:,a" data-expect="data:,a"></span></picture>
FAIL <picture><source srcset="data:,b"><img data-expect="data:,b"></picture>
/workers/semantics/interface-objects/001.worker
-----------------------------------------------
PASS expected FAIL The CanvasGradient interface object should be exposed.
PASS expected FAIL The CanvasPattern interface object should be exposed.

ALERT: TEST-UNEXPECTED-FAIL | CanvasGradient is in [object Object]: If this is failing: DANGER, are you sure you want to expose the new interface CanvasGradient to all webpages as a property on the window? Do not make a change to this file without review from jdm or Ms2ger for that specific change!
ALERT: TEST-UNEXPECTED-FAIL | CanvasPattern is in [object Object]: If this is failing: DANGER, are you sure you want to expose the new interface CanvasPattern to all webpages as a property on the window? Do not make a change to this file without review from jdm or Ms2ger for that specific change!

[jdm]

---- canvas_transform_a.html == canvas_transform_ref.html stdout ----
    thread 'canvas_transform_a.html == canvas_transform_ref.html' panicked at 'assertion failed: `(left == right) && (right == left)` (left: `ExitStatus(1)`, right: `ExitStatus(0)`)', /Users/servo/buildbot/slave/mac2/build/tests/reftest.rs:272

I can't reproduce this locally :(

[jdm]

r+

[bors-servo]

saw approval from jdm
at jdm@55a0ee6

[bors-servo]

merging jdm/servo/canvas-for-svg = 55a0ee6 into auto

[bors-servo]

jdm/servo/canvas-for-svg = 55a0ee6 merged ok, testing candidate = 2e1adb3

[bors-servo]

all tests pass:
success: http://build.servo.org/builders/linux1/builds/836
success: http://build.servo.org/builders/linux2/builds/834
success: http://build.servo.org/builders/android/builds/870
success: http://build.servo.org/builders/mac1/builds/1051
success: http://build.servo.org/builders/mac2/builds/1051
success: http://build.servo.org/builders/gonk/builds/22

[bors-servo]

fast-forwarding master to auto = 2e1adb3