mirror of
https://github.com/Hopiu/fabric.js.git
synced 2026-04-25 16:04:42 +00:00
2a476e4277
* first pass done * restarted-clippaths * some changes to element parser * shared attribute * done one piece * cleaned * mmm going there * so far so good * a very first draft * removed dist * sovled conflict * now solved * now solved * some improvements * toObject and fromObject added * toObject and fromObject added * more small changes * added simple tests * bumpedup qunit * a test for svg export * no ist * more svg exporpt * fix lint * make possible to clip canvas * improved JSOCS * no builds * invalidate cache anyway * changes * changes * changes * mmm working
88 lines
3.2 KiB
JavaScript
88 lines
3.2 KiB
JavaScript
(function(){
|
|
|
|
// var canvas = this.canvas = new fabric.StaticCanvas(null, {enableRetinaScaling: false});
|
|
|
|
QUnit.module('fabric.Object - clipPath', {
|
|
afterEach: function() {
|
|
// canvas.clear();
|
|
// canvas.calcOffset();
|
|
}
|
|
});
|
|
|
|
QUnit.test('constructor & properties', function(assert) {
|
|
var cObj = new fabric.Object();
|
|
assert.equal(cObj.clipPath, undefined, 'clipPath should not be defined out of the box');
|
|
});
|
|
|
|
QUnit.test('toObject with clipPath', function(assert) {
|
|
var emptyObjectRepr = {
|
|
'version': fabric.version,
|
|
'type': 'object',
|
|
'originX': 'left',
|
|
'originY': 'top',
|
|
'left': 0,
|
|
'top': 0,
|
|
'width': 0,
|
|
'height': 0,
|
|
'fill': 'rgb(0,0,0)',
|
|
'stroke': null,
|
|
'strokeWidth': 1,
|
|
'strokeDashArray': null,
|
|
'strokeLineCap': 'butt',
|
|
'strokeLineJoin': 'miter',
|
|
'strokeMiterLimit': 4,
|
|
'scaleX': 1,
|
|
'scaleY': 1,
|
|
'angle': 0,
|
|
'flipX': false,
|
|
'flipY': false,
|
|
'opacity': 1,
|
|
'shadow': null,
|
|
'visible': true,
|
|
'backgroundColor': '',
|
|
'clipTo': null,
|
|
'fillRule': 'nonzero',
|
|
'paintFirst': 'fill',
|
|
'globalCompositeOperation': 'source-over',
|
|
'skewX': 0,
|
|
'skewY': 0,
|
|
'transformMatrix': null
|
|
};
|
|
|
|
var cObj = new fabric.Object();
|
|
assert.deepEqual(emptyObjectRepr, cObj.toObject());
|
|
|
|
cObj.clipPath = new fabric.Object();
|
|
|
|
var expected = fabric.util.object.clone(emptyObjectRepr);
|
|
expected.clipPath = emptyObjectRepr;
|
|
assert.deepEqual(expected, cObj.toObject());
|
|
});
|
|
|
|
QUnit.test('from object with clipPath', function(assert) {
|
|
var done = assert.async();
|
|
var rect = new fabric.Rect({ width: 100, height: 100 });
|
|
rect.clipPath = new fabric.Circle({ radius: 50 });
|
|
var toObject = rect.toObject();
|
|
fabric.Rect.fromObject(toObject, function(rect) {
|
|
assert.ok(rect.clipPath instanceof fabric.Circle, 'clipPath is enlived');
|
|
assert.equal(rect.clipPath.radius, 50, 'radius is restored correctly');
|
|
done();
|
|
});
|
|
});
|
|
|
|
QUnit.test('from object with clipPath, nested', function(assert) {
|
|
var done = assert.async();
|
|
var rect = new fabric.Rect({ width: 100, height: 100 });
|
|
rect.clipPath = new fabric.Circle({ radius: 50 });
|
|
rect.clipPath.clipPath = new fabric.Text('clipPath');
|
|
var toObject = rect.toObject();
|
|
fabric.Rect.fromObject(toObject, function(rect) {
|
|
assert.ok(rect.clipPath instanceof fabric.Circle, 'clipPath is enlived');
|
|
assert.equal(rect.clipPath.radius, 50, 'radius is restored correctly');
|
|
assert.ok(rect.clipPath.clipPath instanceof fabric.Text, 'neted clipPath is enlived');
|
|
assert.equal(rect.clipPath.clipPath.text, 'clipPath', 'instance is restored correctly');
|
|
done();
|
|
});
|
|
});
|
|
})();
|