53eabf6871
Rather than one monolithic file, we now have one monolithic file (canvascontext2d) and several smaller files (one per class, and some helpers). This should make the code navigation a little easier. Bug: skia: Change-Id: Ia191c2db778591af21d2a6126f053c17c4f677f1 Reviewed-on: https://skia-review.googlesource.com/c/175996 Reviewed-by: Florin Malita <fmalita@chromium.org>
66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
CanvasKit.MakeCanvas = function(width, height) {
|
|
// TODO(kjlubick) do fonts the "correct" way
|
|
CanvasKit.initFonts();
|
|
var surf = CanvasKit.MakeSurface(width, height);
|
|
if (surf) {
|
|
return new HTMLCanvas(surf);
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function HTMLCanvas(skSurface) {
|
|
this._surface = skSurface;
|
|
this._context = new CanvasRenderingContext2D(skSurface.getCanvas());
|
|
this._imgs = [];
|
|
|
|
// Data is either an ArrayBuffer, a TypedArray, or a Node Buffer
|
|
this.decodeImage = function(data) {
|
|
var img = CanvasKit.MakeImageFromEncoded(data);
|
|
if (!img) {
|
|
throw 'Invalid input';
|
|
}
|
|
this._imgs.push(img);
|
|
return img;
|
|
}
|
|
|
|
// A normal <canvas> requires that clients call getContext
|
|
this.getContext = function(type) {
|
|
if (type === '2d') {
|
|
return this._context;
|
|
}
|
|
return null;
|
|
}
|
|
|
|
this.toDataURL = function(codec, quality) {
|
|
// TODO(kjlubick): maybe support other codecs (webp?)
|
|
// For now, just to png and jpeg
|
|
this._surface.flush();
|
|
|
|
var img = this._surface.makeImageSnapshot();
|
|
if (!img) {
|
|
SkDebug('no snapshot');
|
|
return;
|
|
}
|
|
var codec = codec || 'image/png';
|
|
var format = CanvasKit.ImageFormat.PNG;
|
|
if (codec === 'image/jpeg') {
|
|
format = CanvasKit.ImageFormat.JPEG;
|
|
}
|
|
var quality = quality || 0.92;
|
|
var skimg = img.encodeToData(format, quality);
|
|
if (!skimg) {
|
|
SkDebug('encoding failure');
|
|
return
|
|
}
|
|
var imgBytes = CanvasKit.getSkDataBytes(skimg);
|
|
return 'data:' + codec + ';base64,' + toBase64String(imgBytes);
|
|
}
|
|
|
|
this.dispose = function() {
|
|
this._context._dispose();
|
|
this._imgs.forEach(function(i) {
|
|
i.delete();
|
|
});
|
|
this._surface.dispose();
|
|
}
|
|
} |