64a1d9f · elk · git.iko.soy

git.iko.soy/elk

on master help sign in

Allow `fittedImage` to handle animated gifs!

64a1d9fevancz14 years ago

core-js/Graphics/Render.js+20−20

compare with master

unifiedsplit

@@ -28,32 +28,32 @@ function image(src) {

28}

30function fittedImage(w,h,src) {

31− var canvas = newElement('canvas');

31+ var e = newElement('div');

32− canvas.style.display = "block";

33− canvas.style.width = w + 'px';

32+ e.style.width = w + 'px';

34− canvas.style.height = h + 'px';

33+ e.style.height = h + 'px';

35− canvas.width = w;

34+ e.style.position = "relative";

36− canvas.height = h;

35+ e.style.overflow = "hidden";

37− canvas.innerHTML = "Your browser does not support the canvas element.";

39 var img = newElement('img');

37 var img = newElement('img');

40 img.onload = function() {

38 img.onload = function() {

41− if (canvas.getContext) {

39+ img.style.position = 'absolute';

42− var ctx = canvas.getContext('2d');

40+ img.style.margin = 'auto';

43− var sx = 0, sy = 0, sWidth = this.width, sHeight = this.height;

41+

42+ var sw = w, sh = h;

44− if (w / h > this.width / this.height) {

43+ if (w / h > this.width / this.height) {

45− sHeight = this.width * h / w;

44+ sh = Math.round(this.height * w / this.width);

46− sy = (this.height - sHeight) / 2;

47− } else {

45+ } else {

48− sWidth = this.height * w / h;

46+ sw = Math.round(this.width * h / this.height);

49− sx = (this.width - sWidth) / 2;

50− }

51− ctx.drawImage(img, sx, sy, sWidth, sHeight,

52− 0,0, canvas.width, canvas.height);

53 }

47 }

48+ img.style.width = sw + 'px';

49+ img.style.height = sh + 'px';

50+ img.style.left = ((w - sw) / 2) + 'px';

51+ img.style.top = ((h - sh) / 2) + 'px';

54 };

52 };

55 img.src = src;

53 img.src = src;

54+ img.name = src;

55+ addTo(e,img);

56− return canvas;

56+ return e;

57};

59var video = function(src) {