scaling – Make Me Engineer

Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?

June 13, 2023 by Tarik

WebKit now supports the CSS directive: image-rendering:-webkit-optimize-contrast; You can see it working in action using Chrome and the last image on this page: http://phrogz.net/tmp/canvas_image_zoom.html The rules used on that page are: .pixelated { image-rendering:optimizeSpeed; /* Legal fallback */ image-rendering:-moz-crisp-edges; /* Firefox */ image-rendering:-o-crisp-edges; /* Opera */ image-rendering:-webkit-optimize-contrast; /* Safari */ image-rendering:optimize-contrast; /* CSS3 Proposed */ … Read more

Chrome, Safari ignoring max-width in table

June 9, 2023 by Tarik

Max-width applies to block elements. <table> is neither block nor inline. Ambiguous enough? haha. You can use display:block; max-width:1000px and forget about width:100%. Chrome and Safari follow the rules! Edit May 2017: please note, this comment was made 7 years ago (in 2010!). I suspect browsers have changed a bunch over the years (I wouldn’t … Read more

Can anyone explain me StandardScaler?

June 6, 2023 by Tarik

Intro I assume that you have a matrix X where each row/line is a sample/observation and each column is a variable/feature (this is the expected input for any sklearn ML function by the way — X.shape should be [number_of_samples, number_of_features]). Core of method The main idea is to normalize/standardize i.e. μ = 0 and σ … Read more

Why isn’t my vector drawable scaling as expected?

May 21, 2023 by Tarik

There is new info about this issue here: https://code.google.com/p/android/issues/detail?id=202019 It looks like using android:scaleType=”fitXY” will make it scale correctly on Lollipop. From a Google engineer: Hi, Let me know if scaleType=”fitXY” can be a workaround for you , in order to get the image look sharp. The marshmallow Vs Lollipop is due to a special … Read more

Emulating palette based graphics in WebGL v.s. Canvas 2D

April 26, 2023 by Tarik

You can use a texture as your palette and a different texture as your image. You then get a value from the image texture and use it too look up a color from the palette texture. The palette texture is 256×1 RGBA pixels. Your image texture is any size you want but just a single … Read more

Resizing images to fit the parent node

December 1, 2022 by Tarik

@Override public void start(Stage stage) throws Exception { BorderPane pane = new BorderPane(); ImageView img = new ImageView(“http://…”); img.fitWidthProperty().bind(stage.widthProperty()); pane.setCenter(img); Scene scene = new Scene(pane); stage.setScene(scene); stage.show(); }

How to scale SVG image to fill browser window?

November 8, 2022 by Tarik

How about: html, body { margin:0; padding:0; overflow:hidden } svg { position:fixed; top:0; bottom:0; left:0; right:0 } Or: html, body { margin:0; padding:0; overflow:hidden } svg { position:fixed; top:0; left:0; height:100%; width:100% } I have an example on my site using (roughly) this technique, albeit with 5% padding all around, and using position:absolute instead of … Read more

Disable DPI awareness for WPF application

October 2, 2022 by Tarik

DPIAwareness Just some ideas (not tried): Are you running on XP? That option might not work on that platform. http://social.msdn.microsoft.com/Forums/en-US/vcgeneral/thread/5e60a54d-baf5-46e3-9eac-a959f2a0fba1/ What follows are probably just different ways to set the same DpiAwareness option: look at the “compatibility mode” settings on your EXE…right click it’s properties…and turn on “Disable display scaling” create a manifest, and say … Read more

Android and setting width and height programmatically in dp units

September 1, 2022 by Tarik

You’ll have to convert it from dps to pixels using the display scale factor. final float scale = getContext().getResources().getDisplayMetrics().density; int pixels = (int) (dps * scale + 0.5f);

Scaling solutions for MySQL (Replication, Clustering)

July 23, 2022 by Tarik

I’ve been doing A LOT of reading on the available options. I also got my hands on High Performance MySQL 2nd edition, which I highly recommend. This is what I’ve managed to piece together: Clustering Clustering in the general sense is distributing load across many servers that appear to an outside application as one server. … Read more