PhoneGap: How do I prevent the Center of a 9-Patch File to be streached?

Question

Using PhoneGap/Cordova I want to use 9-patch image to build a PhoneGap Splash Screen with a Logo in the center of the screen. When using the [draw9patch][1] tool the center element which is the logo gets squeezed when the display is big.

I found a similar question here: 9 Patch image where center is 1:1 but this question does not answer how to solve this problem with an Android PhoneGap app.

How can I create a Splash screen with a centered logo for a PhoneGap Android app?

Answer 1

Here's a crude drawing showing how the "stretch" bars of a 9patch image can be split if you have something in the middle like your logo or the edge of a rendered reflection or anything else that you want to remain sharp and undistorted.