resize the image in the Image element

Similar Questions

• How to resize the window elements 11 photoshop on mac? no green +.

  How to resize the window elements 11 photoshop on mac? No button green + out of the screen.  cannot resize monitor - no option on macpro

  Go to System Preferences > displays and your descent of resolution. Let the OS X to open with the new resolution. Place it back up to the highest available resolution and the window should position themselves correctly.

• Resize the array element programmatically

  Hi, I need to programmatically resize the element of a matrix. The external framework of the matrix control must take the same size, but the internal element should chang size programmatically.

  

  I have found no property/method to do this. Wait using Xcontrol I guess.

  Any idea?

  Thank you.

  Of your image that you inserted, I guess your "matrix" is a display of 2D LED array.

  In order to resize these elements all in now the 'original size of the matrix", you must implement two steps:

  1 resize LEDs:

  • Get ArrayElement reference
  
  
  • Convert the reference to Boolean
  
  
  • Set the width and height for the Boolean value of the new value

  Please note that now change the size of all THE LEDs. This is because all items in a table share the same properties (including size) with the exception of the "Value" property

  In addition, the table shell is resized as it still shows the same amount of LEDs (columns, rows)

  2. calculate the new number of columns/rows to keep the table shell roughly the same size

  • Calculate the multiplier for resizing in each direction (led to half size smaller multiplier of 2 to the number of lines/columns each)
  
  
  • Multiply the number of rows/columns of this multiplier (rounded)?
  
  
  • Set the size property of dimension to the hull of the array to the new values

  Please note that this will be 'resize the table to about the same size as it did before. Resizes rounding issues very likely (it has no LED 0.5 available!)

  Norbert

• Resize the Image with the wheel causing exception 1502

  Description:

  I load an image inside a container of border and when I Zoom out, scroll bars disappear as expected. Now, when I resize the image to exceed the limits of the boarder container I get exception below. In my view, the exception is thrown when the scroll bars are reactivated but I could be wrong. Someone has seen this before

  Exception:

  Error: Error #1502: A script has executed for longer than the default timeout period of 15 seconds.
  at spark.components.supportClasses::ScrollBarBase/get viewport()
  at spark.components::VScrollBar/updateMaximumAndPageSize()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\VScrollBar.as:123]
  at spark.components::VScrollBar/http://www.adobe.com/2006/flex/mx/internal::viewportResizeHandler()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\VScrollBar.as:390]
  at flash.events::EventDispatcher/dispatchEventFunction()
  at flash.events::EventDispatcher/dispatchEvent()
  at mx.core::UIComponent/dispatchEvent()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\UIComponent.as:12266]
  at mx.core::UIComponent/dispatchResizeEvent()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\UIComponent.as:9641]
  at mx.core::UIComponent/setActualSize()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\UIComponent.as:9172]
  at spark.components::Group/setActualSize()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\Group.as:891]
  at mx.core::LayoutElementUIComponentUtils$/setLayoutBoundsSize()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\LayoutElementUIComponentUtils.as:497]
  at mx.core::UIComponent/setLayoutBoundsSize()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\UIComponent.as:13069]
  at spark.components.supportClasses::ScrollerLayout/updateDisplayList()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\supportClasses\ScrollerLayout.as:546]
  at spark.components.supportClasses::GroupBase/updateDisplayList()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\supportClasses\GroupBase.as:1224]
  at spark.components::Group/updateDisplayList()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\components\Group.as:899]
  at spark.skins::SparkSkin/updateDisplayList()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\skins\SparkSkin.as:191]
  at mx.core::UIComponent/validateDisplayList()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\core\UIComponent.as:8531]
  at mx.managers::LayoutManager/validateDisplayList()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\managers\LayoutManager.as:663]
  at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\managers\LayoutManager.as:736]
  at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.0.0\frameworks\projects\framework\src\mx\managers\LayoutManager.as:1072]
  at flash.utils::Timer/_timerDispatch()
  at flash.utils::Timer/tick()
  
  

  MXML code:

  <?xml version="1.0" encoding="utf-8"?>
  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx"
                    xmlns:ns1="com.adobe.wheelerstreet.fig.panzoom.*"
                    pageTitle="FileNet Flex Viewer"
                    minWidth="955" 
                    minHeight="600" 
                    creationComplete="init()">
       <fx:Style>
            @namespace s "library://ns.adobe.com/flex/spark";
            @namespace mx "library://ns.adobe.com/flex/mx";
            /*
            s|Application {
            backgroundGradientColors: #000000, #222222;
            }          
            */
            s|Button#zoomInButton {          
                 skinClass: ClassReference("skins.ZoomIn");
            }
            
            s|Button#zoomOutButton {          
                 skinClass: ClassReference("skins.ZoomOut");
            }
            
            s|Button#fitToWindowButton {          
                 skinClass: ClassReference("skins.FitToWindow");
            }
            
            s|Button#fitToWidthButton {          
                 skinClass: ClassReference("skins.FitToWidth");
            }
            
            s|Button#fitToHeightButton {          
                 skinClass: ClassReference("skins.FitToHeight");
            }
            
            s|Button#rotateRightButton {          
                 skinClass: ClassReference("skins.RotateRight");
            }
            
            s|Button#rotateLeftButton {          
                 skinClass: ClassReference("skins.RotateLeft");
            }
            
            s|ToggleButton#rubberBandZoomButton {          
                 skinClass: ClassReference("skins.RubberBand");
            }
            
            
            
       </fx:Style>
       
       <fx:Declarations>
            <!-- Place non-visual elements (e.g., services, value objects) here 
            <s:Rotate id="rotator" angleFrom="{angle-90}" angleTo="{angle}" target="{img}"/>
            -->
            <s:Resize id="resize" target="{img}"/>
            <s:Rotate id="rotate" target="{img}"/>
            <!--<s:Resize id="contract" target="{img}"/> -->
       </fx:Declarations>
       
       
       <fx:Script>
            <![CDATA[
                 
                 import flash.net.navigateToURL;
                 
                 import mx.controls.Alert;
                 
                 [Bindable]
                 private var _imageURL:String = "images/earth-map_small.jpg";
                 
                 [Bindable]
                 public var angle:Number = 0;
                      
                 [Bindable]
                 private var borderHeight:Number;
                 
                 [Bindable]
                 private var borderWidth:Number;
                 
                 private var effectDuration:Number = 250;
                 private var defaultRotation:Number = 90;
                 
                 private var profits:Array;
                 private var dragStart:Point;
                 private var dragEnd:Point;
                 private var zoomingEnabled:Boolean;
                 
                 public var originalHeight:Number;
                 public var originalWidth:Number;
                 
                 public function init():void{
                      originalHeight = img.height;
                      originalWidth = img.width;
                      borderHeight = borderContainer.height - 5;
                      borderWidth = borderContainer.width - 5;
                 }
                 
                 
                 public function fitToWindow():void{
                      resize.end();
                      resize.duration = effectDuration;
                      
                      if(img.rotation == defaultRotation || img.rotation == -defaultRotation){     
                           resize.heightTo = borderWidth;
                           resize.widthTo = borderHeight;
                      }
                      else{
                           resize.heightTo = borderHeight;
                           resize.widthTo = borderWidth;
                      }
                      
                      resize.play();
                 }
                 
                 public function fitToWidth():void{
                      resize.end();
                      resize.duration = effectDuration;
                      
                      if(img.rotation == defaultRotation || img.rotation == -defaultRotation){
                           resize.heightTo = borderWidth;
                      }
                      else{
                           resize.widthTo = borderWidth;
                      }
                      
                      resize.play();
                 }
                 
                 public function fitToHeight():void{
                      resize.end();
                      resize.duration = effectDuration;
                      
                      if(img.rotation == defaultRotation || img.rotation == -defaultRotation){
                           resize.widthTo = borderHeight;
                      }
                      else{
                           resize.heightTo = borderHeight;
                      }
                      
                      resize.play();
                 }
                 
                 public function zoomIn():void{
                      resize.end();
                      resize.duration = effectDuration;
                      resize.heightTo = img.height*2;
                      resize.widthTo = img.width*2;
                      resize.play();
                      
                 }
                 
                 public function zoomOut():void{
                      resize.end();
                      resize.duration = effectDuration;
                      resize.heightTo = img.height/2;
                      resize.widthTo = img.width/2;
                      resize.play();
                 }
                 
                 public function rotateRight():void{
                      rotate.end();
                      rotate.duration = effectDuration-200;
                      rotate.angleFrom = angle;
                      rotate.angleTo = (angle += defaultRotation);
                      rotate.play();
                 }
                 
                 public function rotateLeft():void{                    
                      rotate.end();
                      rotate.duration = effectDuration-200;
                      rotate.angleFrom = angle;
                      rotate.angleTo = (angle -= defaultRotation);
                      rotate.play();
                 }
                 
  
                 private function initRectangle(e:MouseEvent):void{
                      
                 }
                 
                 private function showShowRectangle(e:MouseEvent):void{
  
                 }
                 
                 private function clearRectangle(e:MouseEvent):void{
  
                 }
                 
                 
            ]]>
       </fx:Script>
       
       <s:Panel
            id="mainPanel"
            left="5" 
            right="5" 
            top="5" 
            bottom="5" 
            title="FileNet Flex Viewer" 
            fontWeight="bold">
            
            
            <mx:ApplicationControlBar dock="true" top="0" left="0" right="0">
                 <s:Button 
                      id="zoomInButton"
                      toolTip="Zoom In"
                      click="{zoomIn();}"
                      />
                 <s:Button 
                      id="zoomOutButton"
                      toolTip="Zoom Out"
                      click="{zoomOut();}"
                      />
                 <s:Button 
                      id="fitToWindowButton"
                      toolTip="Fit To Window"
                      click="{fitToWindow();}"
                      />
                 <s:Button 
                      id="fitToWidthButton"
                      toolTip="Fit To Width"
                      click="{fitToWidth();}"
                      />
                 <s:Button 
                      id="fitToHeightButton"
                      toolTip="Fit To Height"
                      click="{fitToHeight();}"
                      />
                 <s:Button 
                      id="rotateRightButton"
                      toolTip="Rotate Right"
                      click="{rotateRight();}"
                      />
                 <s:Button 
                      id="rotateLeftButton"
                      toolTip="Rotate Left"
                      click="{rotateLeft();}"
                      />
                 <!--<s:ToggleButton 
                      id="rubberBandZoomButton"
                      toolTip="Rubber Band Zoom"
                      click="{}"
                      />
                 -->
            </mx:ApplicationControlBar>
            
            <s:BorderContainer 
                 id="borderContainer"
                 right="5" 
                 left="5" 
                 top="40" 
                 bottom="5">
                 
                 <s:Scroller
                      width="100%"
                      height="100%">
                      <s:Group>
                           <mx:Image 
                                id="img"
                                maintainAspectRatio="false"
                                maintainProjectionCenter="true"
                                source="@Embed('images/earth-map_small.jpg')"
                                verticalCenter="0"
                                horizontalCenter="0" 
                                horizontalAlign="center" 
                                verticalAlign="middle"/>
                      </s:Group>
                 </s:Scroller>
            </s:BorderContainer>
       </s:Panel>
       
  </s:Application>
  
   
  

  I think that this smaller version shows the consisently (attached JPG) question:

  http://ns.Adobe.com/MXML/2009.
  xmlns:s = "library://ns.adobe.com/flex/spark".
  xmlns:MX = "library://ns.adobe.com/flex/mx" >
     
     
          public function fitToWindow (): void {}
  IMG. Height = borderContainer.height;
  IMG. Width = borderContainer.width;
  }
  ]]>
     
     
     
         
     
     
     
         
             
                 
  horizontalCenter = red '0' = '0' / >
             
         
     
     
  

  Looks like the interaction of Red/horizontalCenter with the add/remove scroll bars causes a loop.  Can you please fill a bug report and post the link here?  (Or let me know if you prefer that I have put it).

  The workarounds are:

  1. in the fitToWindow() method to subtract enough pixels to consider both sides of the border, for example:

  public function fitToWindow (): void {}
  IMG. Height = borderContainer.height - 2;
  IMG. Width = borderContainer.width - 2;
  }

  2. always keep the scroll bars displayed, for example:

  3. instead of use BorderContainer use SkinnableContainer/group and draw the border outside the container, for example:

  
         
             
                 
             
         
    
         
             
                 
                     
  horizontalCenter = red '0' = '0' / >
                 
             
         
     

  Let me know if these solutions of workaround for the case also reduces work for your application.

• resize an image in the background of a chart

  Hello world

  I managed to put a picture in the background by referring to this page: http://digital.ni.com/public.nsf/allkb/FF55BDA8C9F0C0ED862573450053A425

  How can I adjust the image, now based on the background of the chart. I mean if I resize the graph, the image will be resized at the same time... I don't want to get a picture like the one attached.

  Thank you

  Kind regards

  F

  Did you read the article in full in the link you posted.  There is a caveat.

• Resize the image with HTML5 Canvas - distortion

  Hi all

  I'm working on a Webworks app where I need to resize an image to upload it to a server. I use JQuery Mobile, the application should run on OS6 and upward. The user can use the camera or select a picture, the power off. The corresponding code is the following:

  function handleOpenedFile(fullPath, blobData) {
                  var image = new Image();
                  image.src=fullPath; //path to image
                  image.onload = function () {
                      var resized = resizeMe(image); // send it to canvas
                      //Do stuff with the DataURL returned from resizeMe()
                  };
          }
  
  function resizeMe(img) {
  
              var canvas = document.createElement('canvas');
              var width = Math.round(img.width / 2);
              var height = Math.round(img.height / 2);
              canvas.width = width;
              canvas.height = height;
              var ctx = canvas.getContext("2d");
              ctx.drawImage(img, 0, 0, width, height);
              return canvas.toDataURL("image/jpeg", 0.8);
          }
  

  I then use the Base64 in the DataURL for download on the server. The images are reduced, but they are truncated. Parts of the image are shifted autour and colors come out strange. It is not scaling in itself than the mess to the top of the picture it comes out garbled if you draw on the canvas without any scaling.

  Does anyone have an idea how to solve this problem or have another suggestion to resize an image for download?

  I managed to solve the problem of resizing for anyone who takes place also in this. Replacement of

  return canvas.toDataURL("image/jpeg", 0.8);
  

  with

  return canvas.toDataURL();
  

  solved the problem with the strange visual artifacts. Returns a picture of resized without any strangeness.

• How to resize the image

  Hi all

  IAM getting the image to the server I need to resize the images, iam specifying an area it should resize and display with out streatch the image; as in a browser if I reduce the size of the browser, then the size of the image decreases as the correspondent. What should I do for this in the mobile? for this whole method in blackbery?

  Thanks in advance.

  Hi all

  I solved the problem.

• How one is resized an 'image' with the cutting tool?

  I would like to resize an 'image' of a part of one of my accounts on the Internet I did using the cutting tool.  I was able to do this with Windows 7 and have been unable to find a way to do it or to find a solution through research on the Internet.  Maybe the problem is the program that opens the image in full screen only.  Needless to say that Windows 8 is all new to me - a few weeks of usage and I know I have a LOT to learn!  And... I hope I picked the right area for this help!  Your help is greatly appreciated.  Thank you!

  Hello

  I'm not clear - you try to do this in Windows 7 or Windows 8?

  Whatever it is, the basic procedure is:

  1. open the cutting tool.

  2. create the new chiseled image.

  3. Select Save as.

  4. give it a name and select the image type from the menu drop down.

  (PNG is generally preferable for screenshots)

  5. save it to the desired location on your hard drive.

  6. open in an app - integrated image editing paint will do.

  7. open the image that you saved earlier.

  8. click on resize (in painting its on the home tab, in the upper part).

  9 select whether you want to resize a percentage or a non-specific pixels & enter the settings.

  10. Select maintain proportions if you want to keep the ratio width even height.

  11. click on OK.

  If you use Windows 8 and when you double click on an image it goes to an application full screen then it looks like this file type can be associated with the application of the user interface modern Photos. Please see:

  http://Windows.Microsoft.com/en-GB/Windows-8/choose-Programs-Windows-uses-default

  For more information about how to change default programs in Windows 8.

• Need an easy way to resize the image for the web program

  I used to use Picture manager to easily resize a large picture (1-2 MB) to use on the web (50-100 KB) program. Now upgraded to Windows 8 (Why oh why, it is so user unfriendly) and photo gallery only resizes the images to about 500 KB. How can I easily resize images effectively.

  I used to use Picture manager to easily resize a large picture (1-2 MB) to use on the web (50-100 KB) program. Now upgraded to Windows 8 (Why oh why, it is so user unfriendly) and photo gallery only resizes the images to about 500 KB. How can I easily resize images effectively.

  ======================================
  Perhaps the resizer freeware at the following image
  be worth a try.

  (FWIW... it's always a good idea to create a system)
  Restore point before installing software or updates)

  Prish Image Resizer
  http://www.photo-freeware.NET/Prish-image-resizer.php
  (Operating system: Windows XP / Vista / 7 / 8)
  (the name of the 32-bit file is: 32bit_PrishResizer_2519.msi)
  (for 64 - bit file name is: 64bit_PrishResizer_2519.msi)

  (Note... the download links for 32-bit and 64-bit are reversed)

• Resize the image sources - change the size of the images database

  Hi all

  I have a trivial problem, but I can't deal with it. I have a project with compositions called slides. Each slide have JPG image as layer and this image is assigned 100% to 106% Resize effect (two keyframes). The images have their own folder. I need to replace all the images but the problem is that the new images have different sizes, for the most part, they are bigger than originals. When I right-click the imported images directly on I don't see any options to change their size (single space reserved or solid). When I double click them to open it in a new tab I don't see no resizing tool and layer menu is grayed out for the most part.

  So far, I found that I have three possibilities:

  1. resize as a layer in the composition of each slider. Unfortuately I don't see any way to change the database size, so resize here means add another keyframe or change existing. If I change the first keyframe on the layer in the composition of the slide then I have to proportionally resize the last of them. There are about 20 slides this process would be quite painful

  2. resize the images before importing - with PSP, GIMP or same IrfanView. It would be a much better solution than before however, this means a blind resizing - without no preview as the composition. Whenever I want to change the size a bit, I have to import image again. Painful.

  3 convert the images to the compositions,

  Convert each JPG file in composition, put this composition as the layer to each composition drag next to layer JPG, transformation of copy of layer of JPG to the composition of the image layer and delete the JPG layer. Long process but the effect is exaclty as I want and the project is fairly durable for any other modification of the image. However, in larger projects where there are many effects assigned to layers, it would be very painful.

  So is there an easy way to change the sizes of the imported images database? I can't believe that in such a huge program like After Effects, there is no way for such a simple task. I believe firmly im just something missing.

  You can resize your layers in Ae with scale parameter. (transform-> scale). If there is no animation, you need not place a keyframe. for example, you can resize your layer to 46% and decide to evolve for a while, so the first keyframe will be 46%, and the last keyframe is 83%.

  Yes, I know that if you have layer with no keyframes for the scale property then scaling ways to change the size of its base. However, in my example, I have two frames - 100% and 106%. If I import large image so I have to resize. If im on the first keyframe, and then it wil change its size to 100% for example, 56%. But the last keyframe is not changed - its still 106%. So that means animation past from 56% to 106% - image develops much more quickly than in an original animation.

  But now I found that I can select all the points of the keyframe by clicking on the entire property scale and resize proportionally when I resize the image, all the points of the keyframe. It's the simplest and most effective solution for me!

  Thanks for the help!

• Need to shrink/resize an image. Could not find a way on the IPad version of sketch of Adobe.

  I recently downloaded Adobe Sketch. I started to sketch around with an image in my head, but what I does not fit within the vertical page. I want to resize the image and to finish the drawing on the page without all over again.

  I use sketches on an Air of IPad. Any help would be greatly appreciated.

  Hi, Ghislain,.

  Yes. Absolutely, you can do this. Type on the drawing layer that has art that you want to move/resize. Then on the shortcut menu that appears, choose transformation. You will be able to move/resize here.

  Let me know if this still isn't super clear.

  Sue.

• Workflow: resize the image to fit a part

  Hello

  I want to transfer more than my job as a tattoo artist in photoshop, I currently use CorelDraw for some things. The example in this case:

  For a cover-up, I take a picture of the old tattoo and measure, so I can work directly on this image. Now when I have the photo in PS, I must ensure that the old tattoo visible it looks like it is real life size, i.e. I need to resize the picture so that a specific part of it is the size I measured... I played a bit with the sovereign, but I can't measure here and at the same time to resize the photo

  What I was doing in CorelDraw, it was: I called on a rectangle of my measure and then just resized the picture until the old tattoo was covered by the rectangle.

  How this best be done in PS?

  HM... should have to think about it first: why not keep as I did in CorelDraw? It works all the same I create a rectangle and enter its size in cm, and then adjust the size of the photo so that the size of tattoos fit within the rectangle... same procedure, works exactly the same way

• Cannot resize the image pasted on layer Photoshop CC 2015

  I just upgraded to CC 2015 and reloading of the older versions of almost all the programs.  In Photoshop CS6 I could stick an image on a layer and then take one of the corners to resize it.  There is nothing to grab to resize the image in 2015 CC.  Nothing!  How am I suppose to resize the image and play with it, unless I can grab the corners and shrink and enlarge?  Help!

  Edit > Transform > scale.

  Hold down the SHIFT key to keep the proportion

• What is the best way to resize an image, but keep the height and width of the same original size or format?

  What is the best way to resize an image, but keep the height and width of the same original size or format?

  I tried to use the function of the size of the Image, but when I changed the size of the image, the width has not changed with it.

  Thanks for the tips!

  Hi Landon.Luu,

  You want to keep the relationship between the width and height to be the same?

  Click the constraint between width and height to keep the ratio intact.

  

  Kind regards

  Claes

• I have some pretty high resolution still panoramas I want to move from left to right, but when I resize the image to fit the image, the resolution drops to an unacceptable level. Is this possible? John

  I have some pretty high resolution still panoramas I want to move from left to right, but when I resize the image to fit the image, the resolution drops to an unacceptable level. Is this possible? John

  Make sure that before you add this photo to your project, you go to the preferences (under the Edit on a PC) and uncheck the default scale to the size of the image.

  Scaling of artificially reduced image size your photo - no matter how large - the size of your video image, make detailed pans and zooms like your impossible. When it is not checked, your photo will be in full resolution and you will only see a small part of it in the preview window.

  That said, don't forget that you work at video resolution, so some details will be lost. (Less so, if you change video high-def). And, of course, don't forget to make your timeline after you have added your pans and zooms to see a better representation of what your final video will look like.