Tutorial by Examples: mage

Print out Enumeration using attribute Image

with Ada.Text_IO; procedure Main is type Fruit is (Banana, Orange, Pear); X : Fruit := Orange; begin Ada.Text_IO.Put_Line (Fruit'Image (X)); end Main; Result ORANGE

ada • Attribute Image

Print out Integer using attribute Image

with Ada.Text_IO; procedure Main is X : Integer := 17; begin Ada.Text_IO.Put_Line (Integer'Image (X)); end Main; Result 17

ada • Attribute Image

Print out Float using attribute Image

with Ada.Text_IO; procedure Main is X : Float := 2.71; begin Ada.Text_IO.Put_Line (Float'Image (X)); end Main; Result 2.71000E+00

ada • Attribute Image

Animate an Image

class AnimatedImage extends Component { constructor(props){ super(props) this.state = { logoMarginTop: new Animated.Value(200) } } componentDidMount(){ Animated.timing( this.state.logoMarginTop, { toValue: 100 ...

react-native • Animation API

Convert UIImage to/from base64 encoding

Encoding //convert the image to NSData first let imageData:NSData = UIImagePNGRepresentation(image)! // convert the NSData to base64 encoding let strBase64:String = imageData.base64EncodedStringWithOptions(.Encoding64CharacterLineLength) Decoding let dataDecoded:NSData = NSData(base64Encoded...

iOS • UIImage

Adding Images, Static Data, Sounds, etc. to a Playground

Images, static data, sounds, etc. are resources in a Playground. If the Project Navigator is hidden, choose View > Navigators > Show Project Navigator (⌘1) There are several ways to add files Drag your resources to the Resources folder or Select the Resources folder and choose File &gt...

Xcode • Playgrounds

SVG as a background image

You can display an SVG file within an HTML document, by specifying it as a background image in CSS. For example: .element { background-size: 100px 100px; background: url(my_svg_file.svg); height: 100px; width: 100px; } If the dimensions specified in your SVG file are larger ...

SVG • Getting started with SVG

Opening images

Matplotlib includes the image module for image manipulation import matplotlib.image as mpimg import matplotlib.pyplot as plt Images are read from file (.png only) with the imread function: img = mpimg.imread('my_image.png') and they are rendered by the imshow function: plt.imshow(img) L...

matplotlib • Image manipulation

Emitter View with custom image

For example we will create view that contains emitter layer and animates particles. import QuartzCore class ConfettiView: UIView { // main emitter layer var emitter: CAEmitterLayer! // array of color to emit var colors: [UIColor]! // intensity of appearance var ...

iOS • CALayer

How to add a UIImage to a CALayer

You can add an image to a view's layer simply by using its contents property: myView.layer.contents = UIImage(named: "star")?.CGImage Note that the UIImage needs to be converted to a CGImage. If you wish to add the image in its own layer, you can do it like this: let myLayer = CA...

iOS • CALayer

Creating a multi-colored border using border-image

CSS .bordered { border-image: linear-gradient(to right, red 20%, green 20%, green 40%, blue 40%, blue 60%, maroon 60%, maroon 80%, chocolate 80%); /* gradient with required colors */ border-image-slice: 1; } HTML <div class='bordered'>Border on all sides</div> The above ex...

CSS • Border

Set Image Resource

<ImageView android:id="@+id/imgExample" android:layout_width="wrap_content" android:layout_height="wrap_content" ... /> set a drawable as content of ImageView using XML attribute: android:src="@drawable/android2" set a drawable program...

Android • ImageView

Upload an image or a video to S3 using AWS SDK

Before starting with the example I'd recommend to create a Singleton with a delegate class member so you could achieve a use case of uploading a file in the background and let the user keep using your app while the files are being uploaded even when the app is the background. Let's start, first, we...

iOS • AWS SDK

Animate an image across the Canvas

This example loads and animates and image across the Canvas Important Hint! Make sure you give your image time to fully load by using image.onload. Annotated Code <!doctype html> <html> <head> <style> body{ background-color:white; } #canvas{border:1px solid re...

html5-canvas • Animation

UIColor from an image pattern

You can create a UIColor object using an image pattern by using the UIColor(patternImage:_) method. btn.backgroundColor = UIColor(patternImage: UIImage(named: "image")!)

iOS • UIColor

Drawing images

Images can be drawn onto a JComponent using the drawImage method of class Graphics: loading an image BufferedImage img; try { img = ImageIO.read(new File("stackoverflow.jpg")); } catch (IOException e) { throw new RuntimeException("Could not load image", e); } dr...

swing • Graphics

Bar Button Item Original Image with no Tint Color

Provided that barButtonItem has a non-null image property (e.g. set in the Interface Builder). Objective-C barButtonItem.image = [barButtonItem.image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

iOS • UIBarButtonItem

How to cache custom data into Magento

const CACHE_TAG_NAMESPACE_MODULE = "YOUR_MODULES_CACHE_TAGS"; $cacheGroup = 'namespace_module'; $useCache = Mage::app()->useCache($cacheGroup); if (true === $useCache) { $cacheId = 'unique_name'; if ($cacheContent = Mage::app()->loadCache($cacheId)) { $html ...

magento • Magento Caching

ImageView ScaleType - Center

The image contained in the ImageView may not fit the exact size given to the container. In that case, the framework allows you to resize the image in a number of ways. Center <ImageView android:layout_width="20dp" android:layout_height="20dp" andr...

Android • ImageView

ImageView ScaleType - CenterCrop

Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding). Official Docs When the image matches the proportions of the container: When the image is...

Android • ImageView