| // Adds compile-time JS functions to augment the CanvasKit interface. |
| // Specifically, anything that should only be on the CPU version of canvaskit. |
| (function(CanvasKit){ |
| CanvasKit._extraInitializations = CanvasKit._extraInitializations || []; |
| CanvasKit._extraInitializations.push(function() { |
| // Takes in an html id or a canvas element |
| CanvasKit.MakeSWCanvasSurface = function(idOrElement) { |
| var canvas = idOrElement; |
| if (canvas.tagName !== 'CANVAS') { |
| canvas = document.getElementById(idOrElement); |
| if (!canvas) { |
| throw 'Canvas with id ' + idOrElement + ' was not found'; |
| } |
| } |
| // Maybe better to use clientWidth/height. See: |
| // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html |
| var surface = CanvasKit.MakeSurface(canvas.width, canvas.height); |
| if (surface) { |
| surface._canvas = canvas; |
| } |
| return surface; |
| }; |
| |
| // Don't over-write the MakeCanvasSurface set by gpu.js if it exists. |
| if (!CanvasKit.MakeCanvasSurface) { |
| CanvasKit.MakeCanvasSurface = CanvasKit.MakeSWCanvasSurface; |
| } |
| |
| CanvasKit.MakeSurface = function(width, height) { |
| /* @dict */ |
| var imageInfo = { |
| 'width': width, |
| 'height': height, |
| 'colorType': CanvasKit.ColorType.RGBA_8888, |
| // Since we are sending these pixels directly into the HTML canvas, |
| // (and those pixels are un-premultiplied, i.e. straight r,g,b,a) |
| 'alphaType': CanvasKit.AlphaType.Unpremul, |
| } |
| var pixelLen = width * height * 4; // it's 8888, so 4 bytes per pixel |
| // Allocate the buffer of pixels to be drawn into. |
| var pixelPtr = CanvasKit._malloc(pixelLen); |
| |
| var surface = this._getRasterDirectSurface(imageInfo, pixelPtr, width*4); |
| if (surface) { |
| surface._canvas = null; |
| surface._width = width; |
| surface._height = height; |
| surface._pixelLen = pixelLen; |
| |
| surface._pixelPtr = pixelPtr; |
| // rasterDirectSurface does not initialize the pixels, so we clear them |
| // to transparent black. |
| surface.getCanvas().clear(CanvasKit.TRANSPARENT); |
| } |
| return surface; |
| }; |
| |
| CanvasKit.SkSurface.prototype.flush = function() { |
| this._flush(); |
| // Do we have an HTML canvas to write the pixels to? |
| // We will not if this a GPU build or a raster surface, for example. |
| if (this._canvas) { |
| var pixels = new Uint8ClampedArray(CanvasKit.buffer, this._pixelPtr, this._pixelLen); |
| var imageData = new ImageData(pixels, this._width, this._height); |
| |
| this._canvas.getContext('2d').putImageData(imageData, 0, 0); |
| } |
| }; |
| |
| // Call dispose() instead of delete to clean up the underlying memory |
| CanvasKit.SkSurface.prototype.dispose = function() { |
| if (this._pixelPtr) { |
| CanvasKit._free(this._pixelPtr); |
| } |
| this.delete(); |
| } |
| |
| CanvasKit.currentContext = CanvasKit.currentContext || function() { |
| // no op if this is a cpu-only build. |
| }; |
| |
| CanvasKit.setCurrentContext = CanvasKit.setCurrentContext || function() { |
| // no op if this is a cpu-only build. |
| }; |
| }); |
| }(Module)); // When this file is loaded in, the high level object is "Module"; |