mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2025-02-11 12:30:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make svg, jpeg and png images resizable in notebook.

Browse Source
This commit is contained in:
Brian Granger 2012-06-01 09:56:10 -07:00
parent ebd26651ab
commit 4b1eec0eaf
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
IPython/frontend/html/notebook/static/js/outputarea.js
View File

@ -275,21 +275,35 @@ var IPython = (function (IPython) {
OutputArea.prototype.append_svg = function (svg, element) {
var toinsert = $("<div/>").addClass("box-flex1 output_subarea output_svg");
toinsert.append(svg);
var img = $('<div/>');
img.append(svg);
var h = img.find('svg').attr('height');
var w = img.find('svg').attr('width');
img.width(w).height(h);
img.resizable({'aspectRatio': true});
toinsert.append(img);
element.append(toinsert);
};
OutputArea.prototype.append_png = function (png, element) {
var toinsert = $("<div/>").addClass("box-flex1 output_subarea output_png");
toinsert.append($("<img/>").attr('src','data:image/png;base64,'+png));
var img = $("<img/>").attr('src','data:image/png;base64,'+png);
img.load(function () {
$(this).resizable({'aspectRatio': true})
});
toinsert.append(img);
element.append(toinsert);
};
OutputArea.prototype.append_jpeg = function (jpeg, element) {
var toinsert = $("<div/>").addClass("box-flex1 output_subarea output_jpeg");
toinsert.append($("<img/>").attr('src','data:image/jpeg;base64,'+jpeg));
var img = $("<img/>").attr('src','data:image/jpeg;base64,'+jpeg);
img.load(function () {
$(this).resizable({'aspectRatio': true})
});
toinsert.append(img);
element.append(toinsert);
};