How to display large image from IPython notebook with scrolling? - ipython

How can I display a large image with scrollbars inside an IPython notebook output cell? The example below scales down the image to fit into the cell, and width does not have any effect.
from IPython.core.display import Image, display
display(Image('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900))

Use unconfined=True to disable max-width confinement of the image:
from IPython.core.display import Image, display
display(Image('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True))

Related

How can I make the ImageEditor's zoomToFit work so that I use the available screen space?

I want to use a sap.suite.ui.commons.imageeditor.ImageEditor control inside a sap.m.WizardStep.
After loading the image I want to use the zoomToFit method of the control to resize the image and use a maximum of the available screen space: 100% width and the height maximized to what's left available in the WizardStep without adding scroll bars.
I created a sample to show the challenge: https://plnkr.co/edit/9GhXbOzuIqP6VxqS?preview

Adding custom width hieght if fancybox opened svg image

Im using fancybox popup for images. I want to check if a loaded image is svg then assign custome width height for overwirte actual size of a image.pls advice
Simply use this demo https://codepen.io/fancyapps/pen/rYQogO?editors=1010 (from the docs) as an example. This is how you can check current source - current.src

How to customize image size when using blueimp-gallery lightbox?

I'm using http://blueimp.github.io/Gallery/ in a bootstrap environment.
It works with my images but the modal window which shows the full size image is not large enough for me. It takes only one-third of my screen width.
You can see a live-example here:
http://www.randspringer.de/mannschaftsaufstellungen/1.html
How can I customize the size of the displayed full image?
You could either add
data-use-bootstrap-modal="false"
to the lightbox container, which displays the images borderless and fullscreen
or adjust the size of the modal according to the bootstrap documentation:
http://getbootstrap.com/javascript/#modals-sizes

iReport Import Background Image

I would know how to import a background image on iReport designer 4.1.2.
These are the step I take:
choose View->Report Designer->Import Background Image...
select my png image
choose View->Report Designer->Transform Background Image
click right on image and set Fit page width and Trasparency to 100%
finally click End Transformation
The background image appears properly in the report but when launch the preview it disappears!
What's wrong? I miss something?
PS: I discarded the Background band solution because the image exceed the report margins.
Sorry, I didn't read the question carefully at first. You need to use the background band. Resize your image to be the appropriate size so you can use it. After doing that...
Export to PDF and you should see the background image. Export to XHTML and you should see the background image.
When you export to HTML background images won't display. The FAQ link on the JasperReports page explains things (like this!) that you need to consider in HTML reports.
The background image does not do what you want. It is intended to provide a background while you are editing the report in iReport. It has no effect on the final report.
It seems to be that this iReport's option (Import Background Image) does not affect on report, it is affect on GUI appearance. May be this is a bug.
I did not find ireport.background.image or ireport.background.image.properties properties usage in JR source codes.
The exported report in html format does not contain image (set in ireport.background.image).
You should use Background band for creating watermarks or something else.
I had the same problem as mentioned above. I realized that all you need to do is to:
Make sure the palette is open by selecting Windows > palette
Click on image and it will prompt you to select an image from your browser.
If you want to set the image as the background image, simply shift the image item in the report inspector to the background band.
Using Image option from (Window > Palette) is the better way to display the image in iReport. Keeping the image under Page Header helps to display the image in each page.
I think iReport Background image (view -> Report designer -> Import Background image) option is to use for Pre printed reports. When you need to print report details to pre printed page its very difficult to make alignments and create exact report. For this you can scan the pre printed page and load it as background image (view -> Report designer -> Import Background image) and then align the report parameters as scanned pre printed page. While you printing it automatically remove the inserted background. Please correct me if I'm wrong.
use the background band
Make it of preferable size
Drag the image icon in the pallet into the background band
4.position it i.e centre, lefr or right. save and preview

GTK: how to get width and height of GTK_ICON_SIZE_BUTTON etc?

I need to add my own images into GTK Icon Theme, so i need to somehow figure the size in pixels GTK uses to display icons of different predefined sizes: GTK_ICON_SIZE_BUTTON, GTK_ICON_SIZE_MENU, GTK_ICON_SIZE_DIALOG etc. GTK manual states that sizes are available as value of gtk-icon-sizes property of GtkSettings object. I have executed following code on latest ubuntu:
#!/usr/bin/env python
import gtk; print(gtk.settings_get_default().get_property('gtk-icon-sizes'))
But the output is very short:
'panel-menu=22,22;gtk-button=16,16'
Where can i find rest of the sizes, for example for GTK_ICON_SIZE_DIALOG or GTK_ICON_SIZE_LARGE_TOOLBAR?
GTK resizes the icons to whatever size they need to be. According to the Icon Theme Specification, you should make at least one 48x48 icon, and optionally a scalable SVG icon. That is enough to be able to display any of those sizes.
The Tango Icon Theme Guidelines recommend some supplementary sizes that you can make, in order to minimize how often the icon has to be resized internally by GTK.
Just add your images to the icon list with gtk_icon_theme_add_builtin_icon, and then use them as named icons.
An example in Vala:
Gdk.Pixbuf pixbuf;
pixbuf = new Gdk.Pixbuf.from_file_at_size(Path.build_filename(AutovalaPluginConstants.DATADIR,"valaplugin","application.svg"),-1,-1);
Gtk.IconTheme.add_builtin_icon("autovala-plugin-executable",-1,pixbuf);