angular6-word-cloud-evolution
Advanced tools
Comparing version 0.0.1 to 0.0.2
@@ -106,26 +106,26 @@ (function (global, factory) { | ||
.on('zoom', (e, i, f) => { | ||
if (D3.event.sourceEvent === null){ | ||
var h = f[i].children[0].children[0].getBBox().height; | ||
var w = f[i].children[0].children[0].getBBox().width; | ||
// if (D3.event.sourceEvent === null){ | ||
// var h = f[i].children[0].children[0].getBBox().height; | ||
// var w = f[i].children[0].children[0].getBBox().width; | ||
var padding = 0; | ||
var transform = D3.event.transform; | ||
// var padding = 0; | ||
// var transform = D3.event.transform; | ||
var tbound = -(h-height)-padding; | ||
var bbound = padding; | ||
var lbound = -(w-width)-padding; | ||
var rbound = padding; | ||
// var tbound = -(h-height)-padding; | ||
// var bbound = padding; | ||
// var lbound = -(w-width)-padding; | ||
// var rbound = padding; | ||
var translation = [ | ||
Math.max(Math.min(transform.x, rbound), lbound), | ||
Math.max(Math.min(transform.y, bbound), tbound) | ||
]; | ||
var scale = transform.k | ||
console.log("Width: "+w*scale+" || Height: "+h*scale+" /// "+"Left: "+translation[0]+" || Top: "+translation[1]); | ||
this.element.nativeElement.children[0].children[0] | ||
.setAttributeNS(null, 'transform', 'translate(' + translation + ')scale(' + transform.k + ')') | ||
} else { | ||
// var translation = [ | ||
// Math.max(Math.min(transform.x, rbound), lbound), | ||
// Math.max(Math.min(transform.y, bbound), tbound) | ||
// ]; | ||
// var scale = transform.k | ||
// console.log("Width: "+w*scale+" || Height: "+h*scale+" /// "+"Left: "+translation[0]+" || Top: "+translation[1]); | ||
// this.element.nativeElement.children[0].children[0] | ||
// .setAttributeNS(null, 'transform', 'translate(' + translation + ')scale(' + transform.k + ')') | ||
// } else { | ||
this.element.nativeElement.children[0].children[0] | ||
.setAttributeNS(null, 'transform', 'translate(' + [D3.event.transform.x , D3.event.transform.y] + ')scale(' + D3.event.transform.k + ')') | ||
} | ||
// } | ||
@@ -145,3 +145,3 @@ // D3.select(this.element.nativeElement) | ||
})) | ||
// .on("dblclick.zoom", null) | ||
.on("dblclick.zoom", null) | ||
// .on('dblclick', (e, i, f) => { | ||
@@ -148,0 +148,0 @@ // console.log(e,i,f) |
{ | ||
"_args": [ | ||
[ | ||
"angular6-word-cloud-evolution@0.0.1" | ||
"angular6-word-cloud-evolution@0.0.2" | ||
] | ||
], | ||
"_from": "angular6-word-cloud-evolution", | ||
"_id": "angular6-word-cloud-evolution@0.0.1", | ||
"_id": "angular6-word-cloud-evolution@0.0.2", | ||
"_inBundle": false, | ||
@@ -27,3 +27,3 @@ "_integrity": "sha512-ZL5jQ3A8z/mAQIH7HGRViilxPT7JoBiD8GgCX1j6ISfUtwU7djGMUZXm5ADv6BvqqpFX1kpg3QBFqO71TH7fzg==", | ||
], | ||
"_resolved": "https://registry.npmjs.org/angular6-word-cloud-evolution/-/angular6-word-cloud-evolution-0.0.1.tgz", | ||
"_resolved": "https://registry.npmjs.org/angular6-word-cloud-evolution/-/angular6-word-cloud-evolution-0.0.2.tgz", | ||
"_shasum": "63d311f5d9d9b74a6928d5eeaf6e714b21e70397", | ||
@@ -56,3 +56,3 @@ "_spec": "angular6-word-cloud-evolution", | ||
"typings": "angular6-word-cloud-evolution.d.ts", | ||
"version": "0.0.1" | ||
"version": "0.0.2" | ||
} |
41204