<?xml version="1.0" encoding="UTF-8"?>
<feature id="canvas-2d"><name>2D canvas</name><description>The CanvasRenderingContext2D API is the &#34;2d&#34; rendering context for the &lt;canvas&gt; element. It represents a flat, two-dimensional space for drawing graphics and animations.</description><group>canvas</group><group_name>Canvas</group_name><baseline><status>widely</status><low_date>2015-07-29</low_date><high_date>2018-01-29</high_date></baseline><support><browser name="chrome" version="1" supported="true"></browser><browser name="firefox" version="1.5" supported="true"></browser><browser name="safari" version="2" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="18" supported="true"></browser><browser name="firefox_android" version="4" supported="true"></browser><browser name="safari_ios" version="1" supported="true"></browser></support><specifications><spec>https://html.spec.whatwg.org/multipage/canvas.html#2dcontext</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/Path2D</mdn_url><compat_features><key>api.CanvasGradient</key><key>api.CanvasGradient.addColorStop</key><key>api.CanvasPattern</key><key>api.CanvasPattern.setTransform</key><key>api.CanvasPattern.setTransform.dommatrix</key><key>api.CanvasRenderingContext2D</key><key>api.CanvasRenderingContext2D.arc</key><key>api.CanvasRenderingContext2D.arcTo</key><key>api.CanvasRenderingContext2D.beginPath</key><key>api.CanvasRenderingContext2D.bezierCurveTo</key><key>api.CanvasRenderingContext2D.canvas</key><key>api.CanvasRenderingContext2D.clearRect</key><key>api.CanvasRenderingContext2D.clip</key><key>api.CanvasRenderingContext2D.clip.path_parameter</key><key>api.CanvasRenderingContext2D.closePath</key><key>api.CanvasRenderingContext2D.createImageData</key><key>api.CanvasRenderingContext2D.createLinearGradient</key><key>api.CanvasRenderingContext2D.createPattern</key><key>api.CanvasRenderingContext2D.createRadialGradient</key><key>api.CanvasRenderingContext2D.direction</key><key>api.CanvasRenderingContext2D.drawFocusIfNeeded</key><key>api.CanvasRenderingContext2D.drawFocusIfNeeded.path_parameter</key><key>api.CanvasRenderingContext2D.drawImage</key><key>api.CanvasRenderingContext2D.drawImage.ImageBitmap_source_image</key><key>api.CanvasRenderingContext2D.ellipse</key><key>api.CanvasRenderingContext2D.fill</key><key>api.CanvasRenderingContext2D.fill.path_parameter</key><key>api.CanvasRenderingContext2D.fillRect</key><key>api.CanvasRenderingContext2D.fillStyle</key><key>api.CanvasRenderingContext2D.fillText</key><key>api.CanvasRenderingContext2D.filter</key><key>api.CanvasRenderingContext2D.font</key><key>api.CanvasRenderingContext2D.fontKerning</key><key>api.CanvasRenderingContext2D.fontStretch</key><key>api.CanvasRenderingContext2D.fontVariantCaps</key><key>api.CanvasRenderingContext2D.getContextAttributes</key><key>api.CanvasRenderingContext2D.getImageData</key><key>api.CanvasRenderingContext2D.getLineDash</key><key>api.CanvasRenderingContext2D.getTransform</key><key>api.CanvasRenderingContext2D.globalAlpha</key><key>api.CanvasRenderingContext2D.globalCompositeOperation</key><key>api.CanvasRenderingContext2D.imageSmoothingEnabled</key><key>api.CanvasRenderingContext2D.imageSmoothingQuality</key><key>api.CanvasRenderingContext2D.isPointInPath</key><key>api.CanvasRenderingContext2D.isPointInPath.path_parameter</key><key>api.CanvasRenderingContext2D.isPointInStroke</key><key>api.CanvasRenderingContext2D.isPointInStroke.path_parameter</key><key>api.CanvasRenderingContext2D.lang</key><key>api.CanvasRenderingContext2D.letterSpacing</key><key>api.CanvasRenderingContext2D.lineCap</key><key>api.CanvasRenderingContext2D.lineDashOffset</key><key>api.CanvasRenderingContext2D.lineJoin</key><key>api.CanvasRenderingContext2D.lineTo</key><key>api.CanvasRenderingContext2D.lineWidth</key><key>api.CanvasRenderingContext2D.measureText</key><key>api.CanvasRenderingContext2D.miterLimit</key><key>api.CanvasRenderingContext2D.moveTo</key><key>api.CanvasRenderingContext2D.putImageData</key><key>api.CanvasRenderingContext2D.quadraticCurveTo</key><key>api.CanvasRenderingContext2D.rect</key><key>api.CanvasRenderingContext2D.resetTransform</key><key>api.CanvasRenderingContext2D.restore</key><key>api.CanvasRenderingContext2D.rotate</key><key>api.CanvasRenderingContext2D.save</key><key>api.CanvasRenderingContext2D.scale</key><key>api.CanvasRenderingContext2D.setLineDash</key><key>api.CanvasRenderingContext2D.setTransform</key><key>api.CanvasRenderingContext2D.setTransform.matrix_parameter</key><key>api.CanvasRenderingContext2D.shadowBlur</key><key>api.CanvasRenderingContext2D.shadowColor</key><key>api.CanvasRenderingContext2D.shadowOffsetX</key><key>api.CanvasRenderingContext2D.shadowOffsetY</key><key>api.CanvasRenderingContext2D.stroke</key><key>api.CanvasRenderingContext2D.stroke.path_parameter</key><key>api.CanvasRenderingContext2D.strokeRect</key><key>api.CanvasRenderingContext2D.strokeStyle</key><key>api.CanvasRenderingContext2D.strokeText</key><key>api.CanvasRenderingContext2D.textAlign</key><key>api.CanvasRenderingContext2D.textBaseline</key><key>api.CanvasRenderingContext2D.textRendering</key><key>api.CanvasRenderingContext2D.transform</key><key>api.CanvasRenderingContext2D.translate</key><key>api.CanvasRenderingContext2D.wordSpacing</key><key>api.HTMLCanvasElement.getContext.2d_context</key><key>api.ImageData</key><key>api.ImageData.ImageData</key><key>api.ImageData.colorSpace</key><key>api.ImageData.data</key><key>api.ImageData.height</key><key>api.ImageData.width</key><key>api.ImageData.worker_support</key><key>api.Path2D</key><key>api.Path2D.Path2D</key><key>api.Path2D.addPath</key><key>api.Path2D.arc</key><key>api.Path2D.arcTo</key><key>api.Path2D.bezierCurveTo</key><key>api.Path2D.closePath</key><key>api.Path2D.ellipse</key><key>api.Path2D.lineTo</key><key>api.Path2D.moveTo</key><key>api.Path2D.quadraticCurveTo</key><key>api.Path2D.rect</key><key>api.Path2D.roundRect</key><key>api.TextMetrics</key><key>api.TextMetrics.actualBoundingBoxAscent</key><key>api.TextMetrics.actualBoundingBoxDescent</key><key>api.TextMetrics.actualBoundingBoxLeft</key><key>api.TextMetrics.actualBoundingBoxRight</key><key>api.TextMetrics.alphabeticBaseline</key><key>api.TextMetrics.emHeightAscent</key><key>api.TextMetrics.emHeightDescent</key><key>api.TextMetrics.fontBoundingBoxAscent</key><key>api.TextMetrics.fontBoundingBoxDescent</key><key>api.TextMetrics.hangingBaseline</key><key>api.TextMetrics.ideographicBaseline</key><key>api.TextMetrics.width</key></compat_features><canonical_url>https://nowyoucanuse.com/features--canvas-2d.html</canonical_url></feature>