You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
188 lines
6.1 KiB
188 lines
6.1 KiB
// Adds JS functions to allow for chaining w/o leaking by re-using 'this' path.
|
|
(function(PathKit){
|
|
// PathKit.onRuntimeInitialized is called after the WASM library has loaded.
|
|
// when onRuntimeInitialized is called, PathKit.SkPath is defined with many
|
|
// functions on it (see pathkit_wasm_bindings.cpp@EMSCRIPTEN_BINDINGS)
|
|
PathKit.onRuntimeInitialized = function() {
|
|
// All calls to 'this' need to go in externs.js so closure doesn't minify them away.
|
|
|
|
PathKit.SkPath.prototype.addPath = function() {
|
|
// Takes 1, 2, 7 or 10 args, where the first arg is always the path.
|
|
// The options for the remaining args are:
|
|
// - an SVGMatrix
|
|
// - the 6 parameters of an SVG Matrix
|
|
// - the 9 parameters of a full Matrix
|
|
var path = arguments[0];
|
|
if (arguments.length === 1) {
|
|
// Add path, unchanged. Use identity matrix
|
|
this._addPath(path, 1, 0, 0,
|
|
0, 1, 0,
|
|
0, 0, 1);
|
|
} else if (arguments.length === 2) {
|
|
// Takes SVGMatrix, which has its args in a counter-intuitive order
|
|
// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform#Transform_functions
|
|
/**
|
|
* @type {SVGMatrix}
|
|
*/
|
|
var sm = arguments[1];
|
|
this._addPath(path, sm.a, sm.c, sm.e,
|
|
sm.b, sm.d, sm.f,
|
|
0, 0, 1);
|
|
} else if (arguments.length === 7) {
|
|
// User provided the 6 params for an SVGMatrix directly.
|
|
var a = arguments;
|
|
this._addPath(path, a[1], a[3], a[5],
|
|
a[2], a[4], a[6],
|
|
0 , 0 , 1 );
|
|
} else if (arguments.length === 10) {
|
|
// User provided the 9 params of a (full) matrix directly.
|
|
// These are in the same order as what Skia expects.
|
|
var a = arguments;
|
|
this._addPath(path, a[1], a[2], a[3],
|
|
a[4], a[5], a[6],
|
|
a[7], a[8], a[9]);
|
|
} else {
|
|
console.err('addPath expected to take 1, 2, 7, or 10 args. Got ' + arguments.length);
|
|
return null;
|
|
}
|
|
return this;
|
|
};
|
|
|
|
// ccw (counter clock wise) is optional and defaults to false.
|
|
PathKit.SkPath.prototype.arc = function(x, y, radius, startAngle, endAngle, ccw) {
|
|
this._arc(x, y, radius, startAngle, endAngle, !!ccw);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.arcTo = function(x1, y1, x2, y2, radius) {
|
|
this._arcTo(x1, y1, x2, y2, radius);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.bezierCurveTo = function(cp1x, cp1y, cp2x, cp2y, x, y) {
|
|
this._cubicTo(cp1x, cp1y, cp2x, cp2y, x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.close = function() {
|
|
this._close();
|
|
return this;
|
|
};
|
|
|
|
// Reminder, we have some duplicate definitions because we want to be a
|
|
// superset of Path2D and also work like the original SkPath C++ object.
|
|
PathKit.SkPath.prototype.closePath = function() {
|
|
this._close();
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.conicTo = function(x1, y1, x2, y2, w) {
|
|
this._conicTo(x1, y1, x2, y2, w);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.cubicTo = function(cp1x, cp1y, cp2x, cp2y, x, y) {
|
|
this._cubicTo(cp1x, cp1y, cp2x, cp2y, x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.dash = function(on, off, phase) {
|
|
if (this._dash(on, off, phase)) {
|
|
return this;
|
|
}
|
|
return null;
|
|
};
|
|
|
|
// ccw (counter clock wise) is optional and defaults to false.
|
|
PathKit.SkPath.prototype.ellipse = function(x, y, radiusX, radiusY, rotation, startAngle, endAngle, ccw) {
|
|
this._ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, !!ccw);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.lineTo = function(x, y) {
|
|
this._lineTo(x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.moveTo = function(x, y) {
|
|
this._moveTo(x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.op = function(otherPath, op) {
|
|
if (this._op(otherPath, op)) {
|
|
return this;
|
|
}
|
|
return null;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.quadraticCurveTo = function(cpx, cpy, x, y) {
|
|
this._quadTo(cpx, cpy, x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.quadTo = function(cpx, cpy, x, y) {
|
|
this._quadTo(cpx, cpy, x, y);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.rect = function(x, y, w, h) {
|
|
this._rect(x, y, w, h);
|
|
return this;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.simplify = function() {
|
|
if (this._simplify()) {
|
|
return this;
|
|
}
|
|
return null;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.stroke = function(opts) {
|
|
// Fill out any missing values with the default values.
|
|
/**
|
|
* See externs.js for this definition
|
|
* @type {StrokeOpts}
|
|
*/
|
|
opts = opts || {};
|
|
opts.width = opts.width || 1;
|
|
opts.miter_limit = opts.miter_limit || 4;
|
|
opts.cap = opts.cap || PathKit.StrokeCap.BUTT;
|
|
opts.join = opts.join || PathKit.StrokeJoin.MITER;
|
|
if (this._stroke(opts)) {
|
|
return this;
|
|
}
|
|
return null;
|
|
};
|
|
|
|
PathKit.SkPath.prototype.transform = function() {
|
|
// Takes 1 or 9 args
|
|
if (arguments.length === 1) {
|
|
// argument 1 should be a 9 element array (which is transformed on the C++ side
|
|
// to a SimpleMatrix)
|
|
this._transform(arguments[0]);
|
|
} else if (arguments.length === 9) {
|
|
// these arguments are the 9 members of the matrix
|
|
var a = arguments;
|
|
this._transform(a[0], a[1], a[2],
|
|
a[3], a[4], a[5],
|
|
a[6], a[7], a[8]);
|
|
} else {
|
|
console.err('transform expected to take 1 or 9 arguments. Got ' + arguments.length);
|
|
return null;
|
|
}
|
|
return this;
|
|
};
|
|
|
|
// isComplement is optional, defaults to false
|
|
PathKit.SkPath.prototype.trim = function(startT, stopT, isComplement) {
|
|
if (this._trim(startT, stopT, !!isComplement)) {
|
|
return this;
|
|
}
|
|
return null;
|
|
};
|
|
};
|
|
|
|
}(Module)); // When this file is loaded in, the high level object is "Module";
|
|
|