on master help sign in
Make image cropping simpler.
5e7a34fevancz
runtime/Render/Element.js+2−5
@@ -60,18 +60,15 @@ function fittedImage(w, h, src) {
60function croppedImage(elem, w, h, src) {
60function croppedImage(elem, w, h, src) {
61 var pos = elem._0._0;
61 var pos = elem._0._0;
62 var e = newElement('div');
62 var e = newElement('div');
63− e.style.position = "relative";
64 e.style.overflow = "hidden";
63 e.style.overflow = "hidden";
65
64
66 var img = newElement('img');
65 var img = newElement('img');
67 img.onload = function() {
66 img.onload = function() {
68− img.style.position = 'absolute';
69− img.style.margin = 'auto';
70 var sw = w / elem._1, sh = h / elem._2;
67 var sw = w / elem._1, sh = h / elem._2;
71 img.style.width = ((this.width * sw)|0) + 'px';
68 img.style.width = ((this.width * sw)|0) + 'px';
72 img.style.height = ((this.height * sh)|0) + 'px';
69 img.style.height = ((this.height * sh)|0) + 'px';
73− img.style.left = ((- pos._0 * sw)|0) + 'px';
70+ img.style.marginLeft = ((- pos._0 * sw)|0) + 'px';
74− img.style.top = ((- pos._1 * sh)|0) + 'px';
71+ img.style.marginTop = ((- pos._1 * sh)|0) + 'px';
75 };
72 };
76 img.src = src;
73 img.src = src;
77 img.name = src;
74 img.name = src;