Zoom effect on the marker in GoogleMaps Android app
android,google-maps,zoom,google-street-view
If you need to animate camera movement you can use mMap.animateCamera(CameraUpdate update) method https://developer.android.com/reference/com/google/android/gms/maps/GoogleMap.html#animateCamera(com.google.android.gms.maps.CameraUpdate) Example: private void setUpMap() { mMap.addMarker(new MarkerOptions().position(new LatLng(-23.610928306941542, -46.6690567)).title("Marker")); mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(-23.610928306941542, -46.6690567), 5.0f)); CameraUpdate zoom =...
Programatic zoom in D3
I believe I successfully updated your fiddle, but in case not, here is the type of code you would need: function zoomIn() { zoomer.scale(zoomer.scale()+.1); zoomer.event(svg); } function zoomOut() { zoomer.scale(zoomer.scale()-.1); zoomer.event(svg); } ...
PHP Image Zoom - Exponential scale
php,image,math,zoom,exponential
The problem comes from the fact that you are adding a delta to your scale instead of multiplying it by a constant amount each frame: $currentScale += $deltaScale; An exponential zoom means you increase the zoom by a constant factor (not difference) for a given constant amount of time, so...
Dynamic zoom in Google Maps API v2 Android
You can use LatLngBounds like this: LatLngBounds.Builder builder = new LatLngBounds.Builder(); builder.include(startPoint); builder.include(endPoint); LatLngBounds bound = builder.build(); map.animateCamera(CameraUpdateFactory.newLatLngBounds(bound, 25), 1000, null); startPoint and endPoint are LatLng objects....
Get zoom value from google maps encoded string
google-maps,zoom,polygon,geospatial
Process the path returned from google.maps.geometry.encoding.decodePath(googlePolygon) to create a bounds object for it, then use google.maps.Map.fitBounds with that bounds. var polyPath = google.maps.geometry.encoding.decodePath(googlePolygon); var bounds = new google.maps.LatLngBounds(); for (var i=0; i < polyPath.length; i++) { bounds.extend(polyPath[i]); } map.fitBounds(bounds); ...
How to have an image zoom in and out automatically in the background
First of all, please don't do this, it's a sure fire way of driving people away from your site! Having said that, you can achieve what you're looking to do with CSS alone, without any JavaScript, by applying an animation to the background-size property of your body tag (or whichever...
visual studio 2013 reset text zoom for all files
i found this addon and it offers synchronized zooming http://vscommands.squaredinfinity.com/Features-Zoom
Stretch div with property css “zoom” in internet explorer
css,internet-explorer,zoom,stretch
Try using transform: scale This will keep the zoom effect working on IE, Chrome, Safari, Opera. The CSS zoom property, it is really standard, and it isn't recommended for production apps. http://jsfiddle.net/u0f0fu4f/5/ .zoom{ -ms-transform: scale(0.5,0.5); /* IE 9 */ -webkit-transform: scale(0.5,0.5); /* Chrome, Safari, Opera */ transform: scale(0.5,0.5); } ...
Handling onTouchEvent and onTouch between parent ViewGroup with zoom, and child ImageView?
android,imageview,zoom,viewgroup
The basic idea is to override onInterceptTouch in the parent view and provide logic there for whether or not to pass on the touch to the child view (return false) or to actually allow the parent view to intercept/consume the touch (return true). Your logic can be spatial (perhaps the...
How to zoom in when hover on image but make border stay in place?
css,hover,border,zoom,image-zoom
Place the background image div within a container: <div class="container"> <div class="bolimg"></div> </div> Move the dimensions and border to the container, and give it overflow: hidden: .container { width: 200px; height: 200px; border: 4px solid black; border-radius: 100px; overflow: hidden; } Use these styles for the bolimg class: .bolimg {...
Scale at pivot point in an already scaled node
javafx,scroll,zoom,pinchzoom,panning
First I would recommend to not scale in linear steps but by factors to smooth the scaling: double delta = 1.2; if (event.getDeltaY() < 0) scale /= delta; else scale *= delta; ... and to be somehow bossy, I recommend parentheses as a good style ;-) : double delta =...
How can I implement a Zoom Panel with Java Swing libraries
java,swing,dictionary,scrollbar,zoom
I'm not 100% sure what the problem is, but I suspect that an issue is that you're not changing the preferred size of your image JPanel when the image changes size. If so, then a solution would be to override getPreferredSize() in the image displaying JPanel and return a dimension...
Crop image with settable center and scale in Python PIL
python,image,zoom,python-imaging-library,crop
It is just a matter of getting the center and the sizes right. Determine the center of the spot where you want to crop Determine the new size using the scale factor Determine the bounding box of the cropped image The following script should do the trick. import os.path from...
Reset zooming in (pinch) android tablet browser (google chrome) using javascript, html
html,google-chrome,resize,zoom,tablet
Go to settings panel of google chrome, select accessibility tab, disable the checkbox (force zoom)
D3 add zoom to circle pack
Ok both examples: Have same output but they are implemented differently. http://bl.ocks.org/nilanjenator/4950148: This one relies on changing the cx and cy of the circle for moving and updating the radius for zoom effect. http://bl.ocks.org/mbostock/7607535: This one relies on translate to move the circles. So in your example: you mixed both...
How does one reset the coordinates for panzoom.js?
There is an 'reset' option in jquery.panzoom.js. So when going full screen, add this to your BigSmall function: $('#focal').find('.panzoom').panzoom("reset"); It will then reset the zoom state....
AS3 Constrain Object while Zooming/Panning with GestureEvent / MouseEvent
actionscript-3,flash,zoom,gesture,pan
All you need to do, is whenever you move or scale the object, check to make sure it's not going out of bounds. So if you made a function called forceBounds, just call it anytime you scale or change the x/y: function forceBounds():void { //figure out the bounds to constrain...
fabricjs - Zoom canvas in viewport (possible?)
javascript,html5,zoom,fabricjs
you can create zoomIn & zoomOut functionality with the feabricjs either on the objects that they are on the canvas and ,also, on the canvas itself in order to zoomIn and zoomOut the canvas itself , you should change its height and width parametes, into the zoomIn/zoomOut functions, so when...
elevatezoom mouse position — the struggle is real
javascript,jquery,zoom,mouse-position
Could you please let me know if the below code works for you $(document).bind("click", "#zoomPicture", function(e) { console.log(e.pageX); console.log(e.pageY); }); Does this link help you with your question: Understanding Event Delegation...
Zoom softly into the center of a D3 map
After several hours now figured out a 'OK' solution. It's not perfectly the center but at the end without shaking and any other bad behaviour: zoomButton: function (zoom_in) { var scale = zoom.scale(), extent = zoom.scaleExtent(), translate = zoom.translate(), x = translate[0], y = translate[1], factor = zoom_in ? 1.3...
enlarge Excel dialog box for screen capture
First look toward right-click blank area of desktop ► Screen resolution ► Make text and other items larger or smaller ► Larger - 150%. May require a reboot so be prepared to shut everything down. If that is insufficient, next look toward the Windows 7 Magnifier utility. Hint: do not...
Pull to Zoom Animation
Check out this project: https://github.com/Gnod/ParallaxListView If you combine it with the ViewPagerIndicator library, you pretty much get Tinder's profile page feature set https://github.com/JakeWharton/Android-ViewPagerIndicator...
CSS Zoom property not working (Jquery)
Found it. for MS $(document).ready(function(){ $('body').css("-ms-zoom", "70%"); }); ...
Chart - Zoom In to show more precise data
This is easy but it does take a few settings to do the trick: ChartArea CA = chart1.ChartAreas[0]; // quick reference CA.AxisX.ScaleView.Zoomable = true; CA.CursorX.AutoScroll = true; CA.CursorX.IsUserSelectionEnabled = true; Now the user can drag the mouse over an area of interest and it will be zoomed in to fill...
[D3][SVG] zoom to object
You have to use call zoom.event explicitly on the correct element after setting the desired translation and scaling. var zoomed = false; $('.sector').click(function(){ var bbox = this.getBBox(); var scale = 4; // Manually calculating the position to which to transition to // Will differ on a case by case basis....
how to stop zooming in google map after updating current location every second? [closed]
android,zoom,default,google-maps-android-api-2
You could use the animateCamera method together with a CameraUpdateFactory, like this: googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom( new LatLng(latitude, longitude), 5.0f)); where the float 5.0f should be your desired zoom level. 2.0f is the lowest zoom / farthest away, 21.0f is the closest. So if you are not changing the zoom level (keep it...
Outlook AddIn Zoom.Percentage
c#,vba,outlook,zoom,outlook-addin
Thanks to Eugene Astafiev for his help. The square brackets did the trick VBA Private Sub objInspector_Activate() Handles objInspector.Activate Dim wdDoc As Microsoft.Office.Interop.Word.Document = objInspector.WordEditor wdDoc.Windows(1).Panes(1).View.Zoom.Percentage = 150 End Sub C# private void Inspector_Activate() { Document wdDoc = objInspector.WordEditor; wdDoc.Windows[1].Panes[1].View.Zoom.Percentage = 150; } ...
ScaleTransform applying Translate effects
It's a bit more complicated unfortunately. If you don't think you'll need scrollbars, check the answers here (I couldn't find VB-specific examples, so these are C#): Pan & Zoom Image If you need scrollbars as well, you will need to scroll to the mouse pointer. In that case you need...
Zooming while capturing video using AVCapture in iOS
ios7,camera,zoom,video-capture,avcapturesession
I faced the same problem also, and I have solved it using these two steps: Add a PinchGestureRecognizer event something like that in your Camera Preview View Controller - (IBAction)handlePinchGesture:(UIPinchGestureRecognizer *)gestureRecognizer{ if([gestureRecognizer isMemberOfClass:[UIPinchGestureRecognizer class]]) { effectiveScale = beginGestureScale * ((UIPinchGestureRecognizer *)gestureRecognizer).scale; if (effectiveScale < 1.0) effectiveScale = 1.0; CGFloat maxScaleAndCropFactor...
How to set target for zoomed image in jQuery zoom plugin by Jack Moore
the target option only apply to the .zoom plugin not the .colorbox so you need to set the target in the .zoom call like this $(document).ready(function(){ $('#target-img').zoom({ magnify:2, target:$("#zoom-window").get(0)//target need to be the html element }).colorbox({href: $("img",this).attr("src")});//you can chain the colorbox call //get attr src of the img inside the...
Why does the OpenLayers Bing Layer disappear at low/high zoom levels?
Bing Maps map tiles are only available at zoom levels 1 - 19. In Bing Maps zoom levels 20 and 21 are birds eye imagery which projected type of imagery not available in Open Layers. Zoom level 1 in Bing Maps is only 2 tiles wide. Zoom level 0 would...
To read obj file i use jpct but i can't find how to zoom on it
You can of course change the scale factor, but that's not the same thing as a zoom. For proper zooming, modify the camera's fov (field of view): Camera.setFOV()
WPF full-screen app debug in “portrait” mode
I do not know if i completely understand your problem, but if you want to make rotation on object you can use object like this <Grid> <Grid.RenderTransform> <RotateTransform Angle="90"/> </Grid.RenderTransform> </Grid> and if you want to make Scaling (zoom in - out) you can use the following tag <Grid> <Grid.RenderTransform>...
Apply panning and zooming on inline SVG
When in doubt, just scale/move everything. Zooming essentially involves making the elements bigger/smaller according to your zoom level and panning involves making the elements move in relation to your viewport. So: On each zoom level, iterate over all your paths and scale them by the appropriate coefficient. For panning you...
Leaflet zoom on locations using multiple links
javascript,location,zoom,leaflet,getelementbyid
First off, in the Fiddle, you have two elements with an id called map-navigation. That's invalid HTML. An id is not supposed to be used on multiple elements, that's what classnames are for. Next, you're trying to bind the onclick event by quering for an element with id map-navigation. This...
Retaining previous zoom value on a Map update in Google Maps API v2 for Android
Turns out, its way too simple. I wasn't thinking. For what it's worth: Have a boolean value private boolean first = true; Then in the update: if(first) { map.animateCamera(CameraUpdateFactory.newLatLngZoom(BusLocation, 15), 1000, null); first = false; } else{ map.animateCamera(CameraUpdateFactory.newLatLng(BusLocation), 1000, null); } ...
Android Large Image With Gestures
you can use https://github.com/davemorrissey/subsampling-scale-image-view which is able to load very large resolution images and also support scaling by gestures....
phone inappbrowser doesn't start from full-zoomed-out when it loads huge image
image,cordova,zoom,inappbrowser
There is no true solution for this issue. So what I did is I just continue using inAppBrowser, but just instead of directly loading image from Amazon server(that's where I stored all images), I just made my window.open to go to another my URL and attach that url as a...
HTML TABLE is by default text font-color white / invisible on 100% zoom in Google Chrome
After running chrome with --disable-extentions then running it again normally the problem has been solved and I can't reproduce it anymore despite all of my original extensions and plugins being enabled. Seems like it was some kind of a random internal glitch that was cleared up by relaunching chrome with...
Android: code to zoom with ViewPager
android,image,android-viewpager,zoom
ScrollingViewPager.java https://gist.github.com/slightfoot/5475083 Once added to your project use that extended ViewPager in your layouts instead of the support library one. Then you can use https://github.com/MikeOrtiz/TouchImageView and just add implements ScrollingViewPager.CanScrollCompat to his TouchImageView to make it compatible and your done....
android click image to zoom in (larger than screen) and move around, and click again to go back to default size
In hopes that this helps someone else and that my solution will suffice in fixing someone else's issue, I'm going to answer my own question with what I found to be a good fix. To keep it as simple as possible (as it seems that implementing such a feature requires...
interactive graph in R
r,graph,zoom,shiny,interactive
A very good option is the svgPanZoom package, which is essentially a R htmlwidget for svg-pan-zoom.js you can use it with regular plots, other graphing packages and shiny. see: https://github.com/timelyportfolio/svgPanZoom example: devtools::install_github("timelyportfolio/svgPanZoom") #install library(svgPanZoom) library(SVGAnnotation) svgPanZoom( svgPlot( plot(1:10) ) ) ...
Crop Bitmap using RectF parameters on Android
android,image,bitmap,zoom,crop
Got around the problem by simply taking a "screenshot" of the View of sorts. This got me a Bitmap with the picture as it was zoomed mTouchImageView.setDrawingCacheEnabled(true); AppResources.sCurrentImage = Bitmap.createBitmap(mTouchImageView.getDrawingCache()); ...
Force Zoom-Level/DPI-Scale with CSS, Header-Tag or JavaScript
You can check the browser dpi level with javascript and zoom the page contents accordingly with css(if needed). if(window.devicePixelRatio == 1 ) $("body").addClass("zoom2x") Where zoom2x is a css class. .zoom2x{ zoom: 200%; /* all browsers */ -moz-transform: scale(2); /* Firefox */ } You may crosscheck your current dpi setting here...
Zoom z axis on gnuplot 3d splot?
You cannot use Tab as compositing key for a binding. When I try one of your lines like bind 'Tab-Left' 'set zrange[GPVAL_Z_MIN+(0.2*(GPVAL_Z_MAX-GPVAL_Z_MIN)):GPVAL_Z_MAX+(0.2*(GPVAL_Z_MAX-GPVAL_Z_MIN))]; replot' I get the message bind: cannot parse Tab-Left (tested with 4.6.4). Using e.g Alt-Left works fine: change_z(left,right) = sprintf('set zrange[GPVAL_Z_MIN+(%f*(GPVAL_Z_MAX-GPVAL_Z_MIN)):GPVAL_Z_MAX+(%f*(GPVAL_Z_MAX-GPVAL_Z_MIN))]; replot', left, right) bind 'Alt-Left' 'eval(change_z(0.2, 0.2))'...
Not able Zoom on D3 Group Bar Chart
javascript,d3.js,zoom,bar-chart
In the zoom function svg.select(".state") selects only the first group of bars, svg.selectAll(".state") selects all groups. Grouping all states in a "g" element with the new variable allStates var allStates = svg.append("g") .attr("class", "allStates"); and referencing to this new variable var state = allStates.selectAll(".state") .data(data) .enter().append("g") .attr("class", "state") .attr("transform", function(d)...
d3.js: zoom and drag failure
svg,d3.js,zoom,drag,image-zoom
You should make a main group and in that add all the components to which you want to give zoom and drag. Something like this: var maingroup = svg.append("g").call(zoom); //add road and circles in this maingroup //drag events on circle as you had done no change in that. Here is...
Cannot scroll to see the whole image after zooming out
ios,uiscrollview,uiimageview,zoom
Finally, I find it's a logic mistake, in the method - (void)showActivatedPage:(GSPageObject*)page , I should have written _imageView.center = mScrollView.center;
iOS: How to know zoom level of GMSMapView
ios,objective-c,google-maps,zoom,gmsmapview
You can use below code. #define MERCATOR_RADIUS 85445659.44705395 #define MAX_GOOGLE_LEVELS 20 @interface MKMapView (ZoomLevel) - (double)getZoomLevel; @end @implementation MKMapView (ZoomLevel) - (double)getZoomLevel { CLLocationDegrees longitudeDelta = self.region.span.longitudeDelta; CGFloat mapWidthInPixels = self.bounds.size.width; double zoomScale = longitudeDelta * MERCATOR_RADIUS * M_PI / (180.0 * mapWidthInPixels); double zoomer = MAX_GOOGLE_LEVELS - log2( zoomScale...
Xcode UIScrollView zoom same as MKMapView zoom (no effect on subview)
ios,objective-c,uiscrollview,mkmapview,zoom
If I understand correctly, you want to be able to zoom your scroll view in and out while all visual objects on it remain "anchored" to their locations. I'd suggest you use UIScrollView's zoomScale property which tells you the multiplier you should apply to your scroll view's content positions. Say,...
android zoom in button only with webview
In your activity, add an on click listener to your button that zooms in the webview: findViewById(R.id.zoom_in_btn).setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { webviewer.zoomIn(); } }); ...
Is there a way to detect zoom in Matplotlib plots and set minor tick format according to zoom level?
python,matplotlib,zoom,axis-labels
You just need to create your own tick formatter and then attach it to the axes object. This example has everything you need. Essentially, create a function which takes the value of the tick, and returns what you would like the tick label to be - call it my_formatter, and...
Setting zoom level doesn't work on Google Map
javascript,html,dictionary,zoom,option
The .fitBounds method resets the viewport and thus your zoom level is not taken in account. Here is a minimal working example: https://jsfiddle.net/pdnsown1/1/. If you comment the line containing the call to .fitBounds and change the zoom level, you will see that it is actually applied. However, if you leave...
Count Number of GMSCircles in View Google Maps SDK…or use MarkerManager Instead? Does this exist for iOS?
ios,google-maps,swift,zoom,google-maps-markers
Something like this is what I wanted to do. Using a class level array named longitudeCollection instead of using GMSCircles though var visibleRegion : GMSVisibleRegion = mapView.projection.visibleRegion() var bounds = GMSCoordinateBounds(coordinate: visibleRegion.nearLeft, coordinate: visibleRegion.farRight) var numberOfCirclesInBounds = 0 for var index = 0; index<=longitudeCollection.count-1; index++ { var foo = longitudeCollection[index].coordinateValue...
DOMOBJECT.y vs DOMOBJECT.offsetTop - Is it ok to use y?
javascript,android,ios,css,zoom
It should be OK. offsetTop is a value relative to the elements offsetParent. My guess is that setting the zoom is establishing the offsetParent for the image. The y co-ordinate is always relative to the initial containing block origin. The detailed spec for all these properties is the CSSOM View...
Code to load images
I recommend you to use this library https://github.com/nostra13/Android-Universal-Image-Loader High resolution images - yes it can load them Pinch and double tap to zoom - No. but you can download the image with library and than write small code which will zoom it. Like this: Android imageView Zoom-in and Zoom-Out Load...
Android ImageView how to set initial zoom
You can take a peek here how they solved it. You can use this image view also, it's open source. Root project link here
CSS mobile version of web site is zoomed in A LITTLE BIT when loaded (only whatchable with mobile device)
css,mobile,zoom,viewport,pinchzoom
Set your box model for the the #container and #header divs to border-box: box-sizing: border-box; You may need to prefix this depending on what browsers you are supporting. More info here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp...
Trying to implement 2 finger zoom
A lot of documentation you can find on http://developer.android.com/training/gestures/index.html. About scaling http://developer.android.com/training/gestures/scale.html Here exactly what you need http://developer.android.com/training/gestures/scale.html#scale...
bi-linear interpolation zoom [duplicate]
There is an excellent builtin matlab function for this: imresize. In this you can specify several details like interpolation method and filter kernel. Just hit F1 while imresize is selected in the matlab gui. fact = 1.5; % read image and make greyscale if necessary I = double(imread('house.png')); if size(I,...
OpenLayers 3 zoom to boundary box
Ok, I found solution. The problem is in type of lon, lat. I had to change this line coords.push([lon, lat]); to line coords.push([parseFloat(lon), parseFloat(lat)]); Now it's working perfectly....
stop d3 circle pack labels from overlapping
javascript,d3.js,label,zoom,circle-pack
I am having the same problem. I have figured out that a particular piece of the zoom function, if applied on the root immediately after generating the intial view, fixes this issue. Adding this code to the end of your d3.json file should do the trick. Still investigating for a...
Android: load images with zoom from URL
The class SubsamplingScaleImageView has also a method to load an image that isn't from Assets: SubsamplingScaleImageView.setImageFile(String extFile) So you can get the image from the URL and save it on internal storage. Then you can load the image using the path from internal storage. To get the image as a...
How to Draw on Zoomable Image in C# windows Forms
c#,winforms,graphics,zoom,line
Here is a PictureBox subclass that supports the ability to apply zooming not only to the Image but also to graphics you draw onto its surface. It includes a SetZoom function to zoom in by scaling both itself and a Matrix. It also has a ScalePoint function you can use...
Textarea with font-size:30px still autozooms when activated on mobile
Using the iOS developer tools via USB on my iPhone, I can see that your font-size: 30px has gone through. The reason @user1273587 could not see this via Chrome dev tools is because your @media selectors only change the font size on mobile. From my testing, the higher the font...
keep proportions of image when scrolling out (ctrl - ) css
Try adding this css: .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { width: auto !important; } This will get the image maintain proportion but on large screen image wont expand to cover entire screen & it shouldn't cuz it gets pixelated if stretched...
Zoom In on Canvas - C#
Using three separate transforms. One to move the canvas so that the click point is the origin. The second transform to scale and the third to put the click point back at the center again <Canvas.RenderTransform> <TransformGroup> <TranslateTransform X="0" Y="0" /> <ScaleTransform ScaleX="1" ScaleY="1" /> <TranslateTransform X="0" Y="0" /> </TransformGroup>...
Nav bar does not take up full width of page when zoomed in
css,google-chrome,navigation,width,zoom
Add the background colour to your div#navigation #navigation { background-color: #0080c2; } ...
In OL3, vector data layer not visible after map setCenter or zoom
Fixed. The issue was the coordinates were being treated as strings for the Geometry and not numbers. The fix is to ensure that where coordinates are being set, that they are explicitly treated as a number to remove ambiguity from the equation. So everywhere I set a lat/lon (or latitude/longitude)...
D3 forced layout zoom and pan not working
The problem is, you are appending all nodes and links directly to the svg and not to the g element. Since zoom transformations are applied to the vis (g element), nodes and links will not zoom/pan. So instead of below code var link = svgnt.selectAll("line") .data(mis1.links) .enter() .append("svg:line") .style("stroke","#ddd"); var...
A camera zoom issue with libGDX
if Camera.zoom not solve your problem, you can use batch unmodified to draw your backgroud, and use batch.getProjectionMatrix().cpy().scale (yourScaleVariableX, yourScaleVariableY, 0); to simulate only the items that you want, varying varibles, not if you're looking hopefully help. simple example: variable Class Matrix4 testMatrix; float yourScaleVariableX; float yourScaleVariableY; example render method...
Matlab KeyPressFcn with zooming
Here is a lazy workaround which does the job: Basically create a pushbutton whose callback executes the same as the KeyPressFcn in your code. That is, whenever you press the button the function getpts is executed, even if you are in zoom mode. Then you don't need to press any...
D3 Bounded Panning
The most intuitive way to do it in this case is to check what the scale maps the bounds of the input domain to, rather than checking the pixel values. The idea is that the lower bound of the domain should map to 0 (the lower bound of the output...
Resize a HTML 5 canvas and its content in pure Javascript
Try utilizing <input type="range"> , transform: scale(sx[, sy]) var canvas = document.querySelectorAll("canvas")[0] , scale = document.getElementById("scale"); scale.addEventListener("change", function(e) { canvas.style.transform = "scale(" + e.target.value + "," + e.target.value + ")" }) body { height:800px; } canvas { background:blue; position:relative; display:block; } #scale { position:relative; display:inline-block; padding:8px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>...
D3 zoom is not properly reseting zoom state and translated location
javascript,jquery,d3.js,zoom,scale
I'm not 100% sure but it seems that calling the zoom event or let's say setting the zoom event later on on the svg element is fixing that issue. So simply call zoom.on("zoom", zoomed); svg.call(zoom); after everything is finished. I put it into a function that is loading the map....
Is it possible to assign CSS properties on specific zoom?
You can’t really detect if a user zooms a page. This is due to these restrictions: CSS is not able to get such information except via Media Queries. But even in Media Queries Level 4 (not implemented yet by any browser) there’s no zoom level detection. Browser zoom can be...
How to disable zoom on window phone 8
<head> <title>HI there</title> <script type="text/javascript" src="jquery.js" ></script> <!-- add the viewport tag --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <style> /* not needed @-ms-viewport{ width: device-width; } */ </style> </head> add initial-scale=1, maximum-scale=1, to the viewport tag in the head...
Implementing “Zoom” feature in AVCamViewController
If you are using Apple's sample code, then I would suggest performing the zoom on the on the AVCaptureDeviceInput object as opposed to zooming a view. For instance, this is how I do it within a UIGestureRecognizer (that handles pinch gestures): dispatch_async(self.sessionQueue, ^{ AVCaptureDevice *device = [[self getActiveVideoDeviceInput] device]; NSError...
How to display a Bitmap Windows zoom level (DPI?) independent in WPF
Ok, I found the solution. You just need an own Image class, derived from Image, and simple override the OnRender, where you take care of the proper resizing (if necessary). protected override void OnRender(DrawingContext dc) { //base.OnRender(dc); --> we do out own painting Rect targetRect = new Rect(RenderSize); PresentationSource ps...
android get actual image coordinates from an extended imageview after zoom and pan
java,android,imageview,zoom,coordinates
I managed to solve my issue by using the Mike Ortiz TouchImageView the code I used to map the coordinates to the original bitmap is this: private PointF mapBeginCoordinates(PointF beginCoordinate, PointF endCoordinate) { //TODO we only have one aspect ratio for the current picture, so we should remove redundancy float...
implementing a zooming algorithm like in photoshop
I would guess this is hardcoded. Those numbers are adjusted for specific use cases for the users of Photoshop. In case of zoom out: 1:2, 1/3, 1/4, 1/6, 1/8, 1/11, 1/12, 1/16, 1/20 same for zoom in. specific for the needs of the users. It is therefore more of a...
Errors import project Eclipse
You can try some tricks applying for that. Such as At first complete project download from repository. then try those tricks. number 1#: File=>Import=>android=>Existing android code Into workspace. number 2#: Project=>clean.. number 3#: delete folder bin and folder are both. number 4#: check easing exist or not.(in res/libs folder) and...
How to Zoom a Text View in Scroll View?
java,android,textview,scrollview,zoom
Use Polidea's zoomview, it works in a scrollview and has pinch zoom and double tap to zoom, one thing thought, I ended up disabling the pinch zoom and just using the double tap https://github.com/Polidea/android-zoom-view Put your TextView andany other Views you are using into a LinearLayout that lives on a...
'd3-circle-text' on zoomable circle-pack
I have updated the plugin at musically-ut/d3-circle-text The the layout generation has been simplified and it now handles transitions correctly. The updated fiddle: http://jsfiddle.net/nxmkoo95/ Notable changes Hoisted the definition of circleText to the top level and removed the call to .precision. Used a class .leaf-label to identify the text labels...
After running chrome with --disable-extentions then running it again normally the problem has been solved and I can't reproduce it anymore despite all of my original extensions and plugins being enabled. Seems like it was some kind of a random internal glitch that was cleared up by relaunching chrome with...
Android: code to zoom with ViewPager
android,image,android-viewpager,zoom
ScrollingViewPager.java https://gist.github.com/slightfoot/5475083 Once added to your project use that extended ViewPager in your layouts instead of the support library one. Then you can use https://github.com/MikeOrtiz/TouchImageView and just add implements ScrollingViewPager.CanScrollCompat to his TouchImageView to make it compatible and your done....
android click image to zoom in (larger than screen) and move around, and click again to go back to default size
In hopes that this helps someone else and that my solution will suffice in fixing someone else's issue, I'm going to answer my own question with what I found to be a good fix. To keep it as simple as possible (as it seems that implementing such a feature requires...
interactive graph in R
r,graph,zoom,shiny,interactive
A very good option is the svgPanZoom package, which is essentially a R htmlwidget for svg-pan-zoom.js you can use it with regular plots, other graphing packages and shiny. see: https://github.com/timelyportfolio/svgPanZoom example: devtools::install_github("timelyportfolio/svgPanZoom") #install library(svgPanZoom) library(SVGAnnotation) svgPanZoom( svgPlot( plot(1:10) ) ) ...
Crop Bitmap using RectF parameters on Android
android,image,bitmap,zoom,crop
Got around the problem by simply taking a "screenshot" of the View of sorts. This got me a Bitmap with the picture as it was zoomed mTouchImageView.setDrawingCacheEnabled(true); AppResources.sCurrentImage = Bitmap.createBitmap(mTouchImageView.getDrawingCache()); ...
Force Zoom-Level/DPI-Scale with CSS, Header-Tag or JavaScript
You can check the browser dpi level with javascript and zoom the page contents accordingly with css(if needed). if(window.devicePixelRatio == 1 ) $("body").addClass("zoom2x") Where zoom2x is a css class. .zoom2x{ zoom: 200%; /* all browsers */ -moz-transform: scale(2); /* Firefox */ } You may crosscheck your current dpi setting here...
Zoom z axis on gnuplot 3d splot?
You cannot use Tab as compositing key for a binding. When I try one of your lines like bind 'Tab-Left' 'set zrange[GPVAL_Z_MIN+(0.2*(GPVAL_Z_MAX-GPVAL_Z_MIN)):GPVAL_Z_MAX+(0.2*(GPVAL_Z_MAX-GPVAL_Z_MIN))]; replot' I get the message bind: cannot parse Tab-Left (tested with 4.6.4). Using e.g Alt-Left works fine: change_z(left,right) = sprintf('set zrange[GPVAL_Z_MIN+(%f*(GPVAL_Z_MAX-GPVAL_Z_MIN)):GPVAL_Z_MAX+(%f*(GPVAL_Z_MAX-GPVAL_Z_MIN))]; replot', left, right) bind 'Alt-Left' 'eval(change_z(0.2, 0.2))'...
Not able Zoom on D3 Group Bar Chart
javascript,d3.js,zoom,bar-chart
In the zoom function svg.select(".state") selects only the first group of bars, svg.selectAll(".state") selects all groups. Grouping all states in a "g" element with the new variable allStates var allStates = svg.append("g") .attr("class", "allStates"); and referencing to this new variable var state = allStates.selectAll(".state") .data(data) .enter().append("g") .attr("class", "state") .attr("transform", function(d)...
d3.js: zoom and drag failure
svg,d3.js,zoom,drag,image-zoom
You should make a main group and in that add all the components to which you want to give zoom and drag. Something like this: var maingroup = svg.append("g").call(zoom); //add road and circles in this maingroup //drag events on circle as you had done no change in that. Here is...
Cannot scroll to see the whole image after zooming out
ios,uiscrollview,uiimageview,zoom
Finally, I find it's a logic mistake, in the method - (void)showActivatedPage:(GSPageObject*)page , I should have written _imageView.center = mScrollView.center;
iOS: How to know zoom level of GMSMapView
ios,objective-c,google-maps,zoom,gmsmapview
You can use below code. #define MERCATOR_RADIUS 85445659.44705395 #define MAX_GOOGLE_LEVELS 20 @interface MKMapView (ZoomLevel) - (double)getZoomLevel; @end @implementation MKMapView (ZoomLevel) - (double)getZoomLevel { CLLocationDegrees longitudeDelta = self.region.span.longitudeDelta; CGFloat mapWidthInPixels = self.bounds.size.width; double zoomScale = longitudeDelta * MERCATOR_RADIUS * M_PI / (180.0 * mapWidthInPixels); double zoomer = MAX_GOOGLE_LEVELS - log2( zoomScale...
Xcode UIScrollView zoom same as MKMapView zoom (no effect on subview)
ios,objective-c,uiscrollview,mkmapview,zoom
If I understand correctly, you want to be able to zoom your scroll view in and out while all visual objects on it remain "anchored" to their locations. I'd suggest you use UIScrollView's zoomScale property which tells you the multiplier you should apply to your scroll view's content positions. Say,...
android zoom in button only with webview
In your activity, add an on click listener to your button that zooms in the webview: findViewById(R.id.zoom_in_btn).setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { webviewer.zoomIn(); } }); ...
Is there a way to detect zoom in Matplotlib plots and set minor tick format according to zoom level?
python,matplotlib,zoom,axis-labels
You just need to create your own tick formatter and then attach it to the axes object. This example has everything you need. Essentially, create a function which takes the value of the tick, and returns what you would like the tick label to be - call it my_formatter, and...
Setting zoom level doesn't work on Google Map
javascript,html,dictionary,zoom,option
The .fitBounds method resets the viewport and thus your zoom level is not taken in account. Here is a minimal working example: https://jsfiddle.net/pdnsown1/1/. If you comment the line containing the call to .fitBounds and change the zoom level, you will see that it is actually applied. However, if you leave...
Count Number of GMSCircles in View Google Maps SDK…or use MarkerManager Instead? Does this exist for iOS?
ios,google-maps,swift,zoom,google-maps-markers
Something like this is what I wanted to do. Using a class level array named longitudeCollection instead of using GMSCircles though var visibleRegion : GMSVisibleRegion = mapView.projection.visibleRegion() var bounds = GMSCoordinateBounds(coordinate: visibleRegion.nearLeft, coordinate: visibleRegion.farRight) var numberOfCirclesInBounds = 0 for var index = 0; index<=longitudeCollection.count-1; index++ { var foo = longitudeCollection[index].coordinateValue...
DOMOBJECT.y vs DOMOBJECT.offsetTop - Is it ok to use y?
javascript,android,ios,css,zoom
It should be OK. offsetTop is a value relative to the elements offsetParent. My guess is that setting the zoom is establishing the offsetParent for the image. The y co-ordinate is always relative to the initial containing block origin. The detailed spec for all these properties is the CSSOM View...
Code to load images
I recommend you to use this library https://github.com/nostra13/Android-Universal-Image-Loader High resolution images - yes it can load them Pinch and double tap to zoom - No. but you can download the image with library and than write small code which will zoom it. Like this: Android imageView Zoom-in and Zoom-Out Load...
Android ImageView how to set initial zoom
You can take a peek here how they solved it. You can use this image view also, it's open source. Root project link here
CSS mobile version of web site is zoomed in A LITTLE BIT when loaded (only whatchable with mobile device)
css,mobile,zoom,viewport,pinchzoom
Set your box model for the the #container and #header divs to border-box: box-sizing: border-box; You may need to prefix this depending on what browsers you are supporting. More info here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp...
Trying to implement 2 finger zoom
A lot of documentation you can find on http://developer.android.com/training/gestures/index.html. About scaling http://developer.android.com/training/gestures/scale.html Here exactly what you need http://developer.android.com/training/gestures/scale.html#scale...
bi-linear interpolation zoom [duplicate]
There is an excellent builtin matlab function for this: imresize. In this you can specify several details like interpolation method and filter kernel. Just hit F1 while imresize is selected in the matlab gui. fact = 1.5; % read image and make greyscale if necessary I = double(imread('house.png')); if size(I,...
OpenLayers 3 zoom to boundary box
Ok, I found solution. The problem is in type of lon, lat. I had to change this line coords.push([lon, lat]); to line coords.push([parseFloat(lon), parseFloat(lat)]); Now it's working perfectly....
stop d3 circle pack labels from overlapping
javascript,d3.js,label,zoom,circle-pack
I am having the same problem. I have figured out that a particular piece of the zoom function, if applied on the root immediately after generating the intial view, fixes this issue. Adding this code to the end of your d3.json file should do the trick. Still investigating for a...
Android: load images with zoom from URL
The class SubsamplingScaleImageView has also a method to load an image that isn't from Assets: SubsamplingScaleImageView.setImageFile(String extFile) So you can get the image from the URL and save it on internal storage. Then you can load the image using the path from internal storage. To get the image as a...
How to Draw on Zoomable Image in C# windows Forms
c#,winforms,graphics,zoom,line
Here is a PictureBox subclass that supports the ability to apply zooming not only to the Image but also to graphics you draw onto its surface. It includes a SetZoom function to zoom in by scaling both itself and a Matrix. It also has a ScalePoint function you can use...
Textarea with font-size:30px still autozooms when activated on mobile
Using the iOS developer tools via USB on my iPhone, I can see that your font-size: 30px has gone through. The reason @user1273587 could not see this via Chrome dev tools is because your @media selectors only change the font size on mobile. From my testing, the higher the font...
keep proportions of image when scrolling out (ctrl - ) css
Try adding this css: .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { width: auto !important; } This will get the image maintain proportion but on large screen image wont expand to cover entire screen & it shouldn't cuz it gets pixelated if stretched...
Zoom In on Canvas - C#
Using three separate transforms. One to move the canvas so that the click point is the origin. The second transform to scale and the third to put the click point back at the center again <Canvas.RenderTransform> <TransformGroup> <TranslateTransform X="0" Y="0" /> <ScaleTransform ScaleX="1" ScaleY="1" /> <TranslateTransform X="0" Y="0" /> </TransformGroup>...
Nav bar does not take up full width of page when zoomed in
css,google-chrome,navigation,width,zoom
Add the background colour to your div#navigation #navigation { background-color: #0080c2; } ...
In OL3, vector data layer not visible after map setCenter or zoom
Fixed. The issue was the coordinates were being treated as strings for the Geometry and not numbers. The fix is to ensure that where coordinates are being set, that they are explicitly treated as a number to remove ambiguity from the equation. So everywhere I set a lat/lon (or latitude/longitude)...
D3 forced layout zoom and pan not working
The problem is, you are appending all nodes and links directly to the svg and not to the g element. Since zoom transformations are applied to the vis (g element), nodes and links will not zoom/pan. So instead of below code var link = svgnt.selectAll("line") .data(mis1.links) .enter() .append("svg:line") .style("stroke","#ddd"); var...
A camera zoom issue with libGDX
if Camera.zoom not solve your problem, you can use batch unmodified to draw your backgroud, and use batch.getProjectionMatrix().cpy().scale (yourScaleVariableX, yourScaleVariableY, 0); to simulate only the items that you want, varying varibles, not if you're looking hopefully help. simple example: variable Class Matrix4 testMatrix; float yourScaleVariableX; float yourScaleVariableY; example render method...
Matlab KeyPressFcn with zooming
Here is a lazy workaround which does the job: Basically create a pushbutton whose callback executes the same as the KeyPressFcn in your code. That is, whenever you press the button the function getpts is executed, even if you are in zoom mode. Then you don't need to press any...
D3 Bounded Panning
The most intuitive way to do it in this case is to check what the scale maps the bounds of the input domain to, rather than checking the pixel values. The idea is that the lower bound of the domain should map to 0 (the lower bound of the output...
Resize a HTML 5 canvas and its content in pure Javascript
Try utilizing <input type="range"> , transform: scale(sx[, sy]) var canvas = document.querySelectorAll("canvas")[0] , scale = document.getElementById("scale"); scale.addEventListener("change", function(e) { canvas.style.transform = "scale(" + e.target.value + "," + e.target.value + ")" }) body { height:800px; } canvas { background:blue; position:relative; display:block; } #scale { position:relative; display:inline-block; padding:8px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>...
D3 zoom is not properly reseting zoom state and translated location
javascript,jquery,d3.js,zoom,scale
I'm not 100% sure but it seems that calling the zoom event or let's say setting the zoom event later on on the svg element is fixing that issue. So simply call zoom.on("zoom", zoomed); svg.call(zoom); after everything is finished. I put it into a function that is loading the map....
Is it possible to assign CSS properties on specific zoom?
You can’t really detect if a user zooms a page. This is due to these restrictions: CSS is not able to get such information except via Media Queries. But even in Media Queries Level 4 (not implemented yet by any browser) there’s no zoom level detection. Browser zoom can be...
How to disable zoom on window phone 8
<head> <title>HI there</title> <script type="text/javascript" src="jquery.js" ></script> <!-- add the viewport tag --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <style> /* not needed @-ms-viewport{ width: device-width; } */ </style> </head> add initial-scale=1, maximum-scale=1, to the viewport tag in the head...
Implementing “Zoom” feature in AVCamViewController
If you are using Apple's sample code, then I would suggest performing the zoom on the on the AVCaptureDeviceInput object as opposed to zooming a view. For instance, this is how I do it within a UIGestureRecognizer (that handles pinch gestures): dispatch_async(self.sessionQueue, ^{ AVCaptureDevice *device = [[self getActiveVideoDeviceInput] device]; NSError...
How to display a Bitmap Windows zoom level (DPI?) independent in WPF
Ok, I found the solution. You just need an own Image class, derived from Image, and simple override the OnRender, where you take care of the proper resizing (if necessary). protected override void OnRender(DrawingContext dc) { //base.OnRender(dc); --> we do out own painting Rect targetRect = new Rect(RenderSize); PresentationSource ps...
android get actual image coordinates from an extended imageview after zoom and pan
java,android,imageview,zoom,coordinates
I managed to solve my issue by using the Mike Ortiz TouchImageView the code I used to map the coordinates to the original bitmap is this: private PointF mapBeginCoordinates(PointF beginCoordinate, PointF endCoordinate) { //TODO we only have one aspect ratio for the current picture, so we should remove redundancy float...
implementing a zooming algorithm like in photoshop
I would guess this is hardcoded. Those numbers are adjusted for specific use cases for the users of Photoshop. In case of zoom out: 1:2, 1/3, 1/4, 1/6, 1/8, 1/11, 1/12, 1/16, 1/20 same for zoom in. specific for the needs of the users. It is therefore more of a...
Errors import project Eclipse
You can try some tricks applying for that. Such as At first complete project download from repository. then try those tricks. number 1#: File=>Import=>android=>Existing android code Into workspace. number 2#: Project=>clean.. number 3#: delete folder bin and folder are both. number 4#: check easing exist or not.(in res/libs folder) and...
How to Zoom a Text View in Scroll View?
java,android,textview,scrollview,zoom
Use Polidea's zoomview, it works in a scrollview and has pinch zoom and double tap to zoom, one thing thought, I ended up disabling the pinch zoom and just using the double tap https://github.com/Polidea/android-zoom-view Put your TextView andany other Views you are using into a LinearLayout that lives on a...
'd3-circle-text' on zoomable circle-pack
I have updated the plugin at musically-ut/d3-circle-text The the layout generation has been simplified and it now handles transitions correctly. The updated fiddle: http://jsfiddle.net/nxmkoo95/ Notable changes Hoisted the definition of circleText to the top level and removed the call to .precision. Used a class .leaf-label to identify the text labels...