mirror of
https://github.com/konvajs/konva.git
synced 2025-06-28 15:23:44 +08:00
clean up some methods
This commit is contained in:
parent
3a89a7a0c1
commit
41a46c8afe
@ -15,6 +15,8 @@ This project adheres to [Semantic Versioning](http://semver.org/).
|
|||||||
### Removed
|
### Removed
|
||||||
* `Konva.Util.addMethods`
|
* `Konva.Util.addMethods`
|
||||||
* `Konva.Util._removeLastLetter`
|
* `Konva.Util._removeLastLetter`
|
||||||
|
* `Konva.Util._getImage`
|
||||||
|
* `Konv.Util._getRGBAString`
|
||||||
|
|
||||||
### Fixed
|
### Fixed
|
||||||
|
|
||||||
|
2
konva.min.js
vendored
2
konva.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1740,7 +1740,7 @@ export abstract class Node {
|
|||||||
}
|
}
|
||||||
var callback = config.callback;
|
var callback = config.callback;
|
||||||
delete config.callback;
|
delete config.callback;
|
||||||
Util._getImage(this.toDataURL(config), function(img) {
|
Util._urlToImage(this.toDataURL(config), function(img) {
|
||||||
callback(img);
|
callback(img);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
47
src/Util.ts
47
src/Util.ts
@ -13,8 +13,6 @@ export interface RectConf {
|
|||||||
height: number;
|
height: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO: document collection and give examples
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Collection constructor. Collection extends Array.
|
* Collection constructor. Collection extends Array.
|
||||||
* This class is used in conjunction with {@link Konva.Container#find}
|
* This class is used in conjunction with {@link Konva.Container#find}
|
||||||
@ -590,44 +588,15 @@ export const Util = {
|
|||||||
* arg can be an image object or image data
|
* arg can be an image object or image data
|
||||||
*/
|
*/
|
||||||
// TODO: use it only for data url
|
// TODO: use it only for data url
|
||||||
_getImage(arg, callback) {
|
_urlToImage(url, callback) {
|
||||||
var imageObj, canvas;
|
var imageObj;
|
||||||
|
|
||||||
// if arg is null or undefined
|
// if arg is a string, then it's a data url
|
||||||
if (!arg) {
|
imageObj = new glob.Image();
|
||||||
callback(null);
|
imageObj.onload = function() {
|
||||||
} else if (this._isElement(arg)) {
|
callback(imageObj);
|
||||||
// if arg is already an image object
|
};
|
||||||
callback(arg);
|
imageObj.src = url;
|
||||||
} else if (this._isString(arg)) {
|
|
||||||
// if arg is a string, then it's a data url
|
|
||||||
imageObj = new glob.Image();
|
|
||||||
imageObj.onload = function() {
|
|
||||||
callback(imageObj);
|
|
||||||
};
|
|
||||||
imageObj.src = arg;
|
|
||||||
} else if (arg.data) {
|
|
||||||
//if arg is an object that contains the data property, it's an image object
|
|
||||||
canvas = Util.createCanvasElement();
|
|
||||||
canvas.width = arg.width;
|
|
||||||
canvas.height = arg.height;
|
|
||||||
var _context = canvas.getContext(CONTEXT_2D);
|
|
||||||
_context.putImageData(arg, 0, 0);
|
|
||||||
this._getImage(canvas.toDataURL(), callback);
|
|
||||||
} else {
|
|
||||||
callback(null);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// TODO: remove
|
|
||||||
_getRGBAString(obj) {
|
|
||||||
var red = obj.red || 0,
|
|
||||||
green = obj.green || 0,
|
|
||||||
blue = obj.blue || 0,
|
|
||||||
alpha = obj.alpha || 1;
|
|
||||||
|
|
||||||
return ['rgba(', red, ',', green, ',', blue, ',', alpha, ')'].join(
|
|
||||||
EMPTY_STRING
|
|
||||||
);
|
|
||||||
},
|
},
|
||||||
_rgbToHex(r, g, b) {
|
_rgbToHex(r, g, b) {
|
||||||
return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
|
return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
|
||||||
|
@ -1,5 +1,8 @@
|
|||||||
import * as Konva from './internals';
|
import * as Konva from './internals';
|
||||||
|
|
||||||
|
// add Konva to global viriable
|
||||||
|
// umd build will actually do it
|
||||||
|
// but it may now it case of modules and bundlers
|
||||||
Konva.glob.Konva = Konva;
|
Konva.glob.Konva = Konva;
|
||||||
|
|
||||||
export default Konva;
|
export default Konva;
|
||||||
|
@ -5,43 +5,6 @@ suite('Util', function() {
|
|||||||
assert.equal(Konva.Util.get(undefined, { foo: 'bar' }).foo, 'bar');
|
assert.equal(Konva.Util.get(undefined, { foo: 'bar' }).foo, 'bar');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('test _getRGBString()', function() {
|
|
||||||
assert.equal(Konva.Util._getRGBAString({}), 'rgba(0,0,0,1)');
|
|
||||||
|
|
||||||
assert.equal(
|
|
||||||
Konva.Util._getRGBAString({
|
|
||||||
red: 100,
|
|
||||||
green: 150,
|
|
||||||
blue: 200,
|
|
||||||
alpha: 0.5
|
|
||||||
}),
|
|
||||||
'rgba(100,150,200,0.5)'
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('test colorToRGBA', function() {
|
|
||||||
assert.deepEqual(Konva.Util.colorToRGBA('black'), {
|
|
||||||
r: 0,
|
|
||||||
g: 0,
|
|
||||||
b: 0,
|
|
||||||
a: 1
|
|
||||||
});
|
|
||||||
|
|
||||||
assert.deepEqual(Konva.Util.colorToRGBA('#ffcc00'), {
|
|
||||||
r: 255,
|
|
||||||
g: 204,
|
|
||||||
b: 0,
|
|
||||||
a: 1
|
|
||||||
});
|
|
||||||
|
|
||||||
assert.deepEqual(Konva.Util.colorToRGBA(), {
|
|
||||||
r: 0,
|
|
||||||
g: 0,
|
|
||||||
b: 0,
|
|
||||||
a: 1
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
test('test _prepareToStringify', function() {
|
test('test _prepareToStringify', function() {
|
||||||
var o = {
|
var o = {
|
||||||
a: 1,
|
a: 1,
|
||||||
|
Loading…
Reference in New Issue
Block a user