Resize HTML5 canvas

Resize HTML5 canvas

  

Hi,

Does anyone know how to resize a HTML canvas or change the viewport for a mobile application? I have tried everything but to no avail and am really at wits end. It is also the last issue that is stopping me from finally being able to roll out my application.

Basically what I am trying to do is to put a HTML5 app into a mobile application and I need the HTML5 app to be able to fit in a mobile screen. Here is the link to the HTML5 app that I am trying to include in my mobile application:

http://www.walter-fendt.de/html5/phen/acceleration_en.htm

The problem with using CSS zoom or scale is that the red and green sliders are not able to be moved after that. The only place I have seen with the solution to this problem is on Google Chrome Mobile. Is anybody able to help me with this or does anybody know how Google Chrome is able to achieve the resizing of HTML5 canvas? Any help is greatly appreciated. Thanks in advance.

Regards,

Louie


Hi Louie,


It's a bit dificult to understand what you're saying. What you need is a responsive behavior (or native mobile for best performance)?

You want to import one existing app to Outsystems? You want to do a new one to deprecate the existing one?


Regards,

Ricardo

Hi Ricardo,

Simply put, I just have to make the HTML5 canvas in the following link smaller. 

http://www.walter-fendt.de/html5/phen/acceleration_en.htm

How do I do that?

Regards,

Louie


Hi Louie,

As far as I know you can't do it. You need to develop that app in outsystems (hey, but I can be wrong).


But wait that someone can confirm that or give an alternative.


Regards,

Ricardo