Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/apis/canvas/CanvasRenderingContext2D/clip below:

clip · WebPlatform Docs

Specifies a new clipping region by calculating the intersection of the current clipping region and the area described by the intended path, using the non-zero winding number rule. The new clipping region replaces the current clipping region.

Method of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D

var object = object.clip();

Returns an object of type DOM NodeDOM Node

Type: HRESULT

If this method succeeds, it returns S_OK. Otherwise, it returns an HRESULT error code.

This example clips a region from a canvas, then draws a rectangle on the canvas, only part of which can be seen due to the clip.

<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can = document.getElementById("myCanvas");
var ctxt = can.getContext("2d");

ctxt.rect(50, 20, 200, 120);
ctxt.stroke();

ctxt.clip();

ctxt.fillStyle = "green";
ctxt.fillRect(0, 0, 150, 100);

</script>

When the context is initialized, the clipping region must be set to the rectangle with the top left corner at (0,0) and the width and height at that of the coordinate space.

W3C HTML Canvas 2D Context

W3C Candidate Recommendation

• Microsoft Developer Network: Windows Internet Explorer API reference Article

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4