Added a regular file just after an image.
How to make the droparea scaling correct?
Screenshot is here
Related
From Apples documentation I read:
An alternative to creating bitmap images is to use template images or symbol images instead. Template images specify the shape you want to draw, but not the associated color information. Symbol images are similar to template images but are vector based, so they scale to different sizes. Both types of images simplify the process for supporting Dark Mode. They also reduce the number of image assets you must ship with your app.
Do I understand this correct that I can not use a vector based symbol image set as a replacement for bitmap but scalable?
Update
My situation:
I've an Image Set in my iOS project. There I can add three bitmaps for the three scaling options iOS devices support. Those images must be of type *.png
Now I would like to replace those three bitmaps with a single vector graphic file *.svg. This seems not possible. If I want to use vector graphic images I've to add another asset type called "symbol image set" (Xcode -> Editor -> Add Assets -> New Symbol Image Set).
So far so good but now my question. Those "symbol image set" assets only the the shape but not the color information into account. That's why I would like the "old" way where the color information is taken into account but the file being a vector graphics file (*.svg).
You don't actually need a Symbol Set for what you are trying to achieve.
All you need is a vector image in pdf format, marking it as Single Scale
Then, you can mark the asset as template (meaning you can tint it with any color) or original if you want to retain its original colors.
Finally, note that although you supply vector images, Xcode by default will produce png versions for all scales behind the scenes. If you need to preserve the vector data (which can help in some cases where you need to upscale) you can enable Preserve Vector Data as well.
When it comes to adding an icon to my app, there're two main options:
IMAGE ASSET || IMAGE VECTOR
What are the differences between the Image Asset and Vector Asset? What makes them different?
According to Android User Guide :
Image Asset Studio helps you create various types of icons at different densities and shows you exactly where they'll be placed in your project. It includes tools for adjusting your icons and adding backdrops, all while displaying the result in a preview pane, so they appear exactly as you intended.
Vector Asset Studio adds a vector graphic to the project as an XML file that describes the image. Maintaining one XML file can be easier than updating multiple raster graphics at various resolutions.
When you create an image asset it will automatically create a vector graphic that describes that image as an xml file in the drawable..thus you can maintain that one xml file of your image rather than update it in multiple graphics and resolutions.
When you create a vector asset you simply create an xml file that describes an image/graphic in the drawables.
Is it possible to resize images on the fly and cache the result with Drupal?
I have some big images (e.g. 2000x2000px) and I want to display a preview of the e.g. 100x100px.
I know there is a theme_image_style function. But it seams to only create the <img> with the right size and not effectively resize the image.
I look at modules/images/image.admin.inc and they used the function [image_style_create_derivative][2].
Yes, you should use Drupal's Image styles (Configuration -> Media -> Image styles). There you should create your style.
Then, on front-end, when ever you want to display image with that style (in that resolution) you can use image_style_url() function:
https://api.drupal.org/api/drupal/modules!image!image.module/function/image_style_url/7
It accepts 2 parameters - one is image style machine name and other is image URI, which you can get if you print out all image field properties.
You can also select image styles from back-end interface...i.e. when creating a view for some image you can select to be displayed in specific image style.
In both cases those image styles are generated the first time image is used.
In response to your comment on MilanG's answer, using image_style_url() is the best option on the backend. There is also
https://www.drupal.org/project/resp_img
which may be something worth looking into. From a UX perspective, you don't want to force the user to load a 2000x2000 px image every time they load the page. Regardless of the outputted size, the image is still going to render as a 2000x2000 px image with a large size. image_style_url() or using image styles in the GUI create a new file that will load much quicker and is the preferred method.
What is the difference between display.newImage() and display.newImageRect()?
Which one is better to use?
The documentation of display.newImage() mentions specifically:
NOTE: display.newImageRect() should be used instead to load images
when dynamic content scaling is enabled.
And similarly, on display.newImageRect()
dispaly.newImageRect() automatically substitutes higher-resolution
assets on higher-resolution devices. The actual image chosen will
depend on the current content scale determined by Corona, which is the
ratio between the current screen and the base content dimensions
defined in config.lua.
Based on this scale, Corona uses the
imageSuffix table (also defined in config.lua), which lists the
suffixes for the same family of images, to find the best match from
the image choices available.
I'm loading images into a table using an ImageLoadingCell, which simply takes the URL of the image. Is there a way to set the size of the image, so the browser will make the images a consistent size?
Developer's Guide - Creating Custom Cells
you can change default template #Template("<img src=\"{0}\"/>") for renderer, for example to #Template("<img src=\"{0}\" height=\"100px\" width=\"100px\"/>"),
see file ImageLoadingCell.class line number 70