Canvas on Android

I guess still no point asking about the use of canvas on Android yet?
I nearly forgot about the limitations, has anyone got canvas to work somehow - in a web view that is
cheers
Alistair

Looks to be a device specific issue. The jsfiddle works fine on a Nexus S, Nexus 4, Nexus 5, Galaxy S4, and a LG Optimus Net Dual.
Filing a bug at https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox%20for%20Android&component=Graphics,%20Panning%20and%20Zooming would be good. Though I don't think we have a HUAWEI mediapad 10 in our device library.

Similar Messages

HTML5 Canvas issue with iOS Safari

I am trying to build a painting application in HTML5.
I have an HTML5 Canvas in a div. This div is masked with an SVG file using -webkit-mask.
On iOS Safari and in iBooks Fixed Layout: When you zoom the page by gesture, the mask suddenly stops working revealing the entire canvas and the contents of the div.
1. There is no problem if the contents of the div is an image. Problem is only with Canvas inside.
2. The problem seemed to happen when the zoom crosses a mark - possibly 50%. I.e, if you have already zoomed over 50% and refresh the page, there is no problem until you zoom out below 50% and vice-versa.
Any help would be greatly appreciated.

Hello Corey,
I have been trying to work on this issue, but I haven't made much progress
Breaking up the project into several small chunks seemed to help for the iPad, but it's not ideal.
I'm seriously struggling with Android tablets though. Android doesn't support flash anymore, as HTML5 is the "future". Google Chrome on Android tablets has problems with synchronizing animations and sounds cutting out (works fine on a desktop or notebook). FireFox on Android didn't have the sync or sound issues, but it crashes at random times. I think the root cause behind all this is HTML5 and the browser. I couldn't figure out the difference between chrome on desktops and notebooks -vs- tablets. I went to html5test.com and compared the two browsers, and there is definitely a difference between the two browsers.
When you look at authoring alternatives to Captivate, it seems like their customers are having similar issues.
I'm still looking for a workaround. I'll let you know if I find anything

I need help making Adobe Edge animation appear correctly on iphones, ipads and android phones.

I need help making Adobe Edge animation appear correctly on iphones, ipads and android phones. It currently looks fine on desktops and androids. I am using wordpress with a responsive theme (Canvas). I will need you to document The url is http://adamhtc.org.s183459.gridserver.com.

Thanks George, interesting thought. I looked on Adobe's site and they "advertise" fillable forms for the iPhone and Android markets, but on the Windows Phone tab, that is mysteriously missing. lol Maybe it will come later? Meanwhile, I'll google to see if there are any PDF viewers that can handle it now. Thanks for the reply. :-)

Stop screen drag when drawing on a canvas

I'm trying to do a signature capture on a HTML5 canvas. When I try to use a stylus to write on the canvas all it does is drag the screen around. Is there a way to disable the screen drag for certain elements or for the whole web page?
I've tried the Meta "viewport" setting to size the device width and height and also played with the @media "visual" in the CSS but also with no success.
Thanks in advance.
Terry

It's not possible to do this in the current version of Firefox for Android, but you will be able to do it soon using touch events. As long as the Firefox toolbars are off-screen, you can call "event.preventDefault()" on the "touchstart" event to stop the page from scrolling. For more documentation, see:
http://www.w3.org/TR/touch-events/
https://wiki.mozilla.org/Fennec/Features/touch
Touch events are already supported by Safari and by the default Android Browser. They will be also be supported in Firefox 6 for Android, which will be released in August 2011. You can start testing Firefox 6 with touch event support today by downloading an Aurora build:
https://wiki.mozilla.org/Mobile/Platforms/Android#Download_Aurora
(Note: the touch event standard is still in development, and not all browsers support all parts of the specification.)

Disable auto smoothing on Android (GPU mode)

I am making an 8 bit style game for android, where the canvas (Bitmap) is half the size of the screen and is scaled x2.
when using gpu mode, the canvas is automatically smoothed, even if I set smoothing to false
but when using cpu mode it is not smoothed.
so is there a way to disable smoothing on gpu mode?
thanks

This question has not been answered...
I'm rather disappointed that we don't have the control to turn this off for a number of reasons:
GPU mode is faster for sprite based games
Turning this off "may" improve performance which is already really good
For game designs like 8bit retro, it completely ruins the graphics when they are scaled up
Can we please get control in Air 2.7 SDK?

IOS and Android Native Scroll in Adobe AIR

I think it would be a great idea to implement the smooth scroll present in native iOS and Android applications for use in Adobe AIR projects.
Currently, the only way to obtain smooth scrolling lists with images is using StageWebView to show the image list in HTML format, and then awkwardly implement some JavaScript / AS3 communication functionality so the list in the StageWebView is interactive and can communicate with the main program. This is excessively complicated and very error prone (I've found some inexplicable JavaScript errors that only happen in the iPad, not in Android, and not in the PC!).
It would be way better to be able to skip all the StageWebView process altogether and being able to use a simple AS3 API to put any sprite/movieclip into a scrollable canvas which can be moved using the iOS native scroll.
Using Flash animation to simulate the scroll in a list with images is too slow in the iPad and gives a bad user experience. iPad users expect the native iPad scroll, not some poor jerky simulation. A native scroll is the only way to go.
And even though I talk about the iPad, this should be applicable to the native Android scroll, too.
Scrolling is a VERY BASIC action in a tablet, so this should be implemented as soon as possible.
Actually, I'm amazed we're already at AIR 3.0 beta, and still after all this time nobody thought of this. All sorts of fancy stuff is being added to AIR (hardware accelerated video, webcam and microphone access, etc...) but still something as basic and important as a smooth scroll, which every tablet user expects, is still not possible in Adobe AIR. We either have to implement some slow Flash animated scroll, or use the extremely complicated StageWebView with JavaScript/AS3 communication approach (I'm using a third party library called StageWebViewBridge for the JS/AS3 interoperations, which is great, but still, it's a far from ideal solution, since it's pretty fiddly and the JavaScript code doesn't always work properly in iOS).

Hi again jackson@mja.
I've given your scroll component a try just for some static texts, and I've found quite a few important bugs:
1. If the referenced sprite/movieclip is shorter than the scrolling area, it starts bouncing infinitely in a quite funny way,
    which renders the component unusable. Sometimes it even happens when the content is not shorter.
2. If your component is used inside another sprite/movieclip which is added dynamically from code ("addChild(mySprite);"),
    it doesn't work and stops with an error, because the EventListener for mouseDownHandler is being added to this.stage
    in the constructor, but a dynamic movieclip doesn't have access to the stage while in the constructor step (unless it is
    already in the stage added in the Flash IDE, such as in your FLA example). To fix this, I've added the following code
    to the ScrollArea() constructor:
this.addEventListener(Event.ADDED_TO_STAGE, init);
this.addEventListener(Event.REMOVED_FROM_STAGE, close);
    And then I've added the following listener functions:
private function init(event:Event):void {
this.removeEventListener(Event.ADDED_TO_STAGE, init);
this.stage.addEventListener(MouseEvent.MOUSE_DOWN, this.mouseDownHandler);
private function close(event:Event):void {
this.stage.removeEventListener(MouseEvent.MOUSE_DOWN, this.mouseDownHandler);
3. Also, the scrollbar is only correctly rendered if the scroll area is located at the up and left corner of the stage. To put text somewhere else, the component must be put inside a movieclip.
4. This is not really important, but I've found the following variables are never user and so I've removed these lines:
var xy:Point = this.localToGlobal(new Point(this.x, this.y));
var wh:Point = this.localToGlobal(new Point(this.width, this.height));
var sign:int = sign(obj[i]);
I hope this can help you improve your classes.
Best regards,
OMA2k

Flash Proffession CC 2014 HTML5 Canvas drag and drop not working

Hi,
I am making drag and drop in Flash professional CC 2014 using canvas and it is working fine on desktop but same when I am testing in Android tablet it is not working. Can any one please advise how to make drag and drop application from Flash CC 2014 which will work on both web/pc desktop HTML5 canvas and all android devices.
Thanks

I just discovered something. What I meant above is that I cannot drag and drop files from the "Media Browser" panel. Surely that should be possible. After all, that is how you browse your music files. If I first double click a file in the browser so that it opens in the "Files" panel, I can then drag and drop files from there. That is ridiculously tedious however because that opens the wave file and closes the "CD Layout" panel. I then have to reopen the "CD Layout" panel before I can drag and drop a file. I'm pretty sure you should be able to simply drag and drop from the Media Browser. Any comments from Adobe?

How to get Fennec full screen from the android project's source code?

Hi,
First and foremost, I'm sure this was not the proper category to post that question but I couldn't really figure out a better one. Hopefully you'll forward it to a better place.
We would like to take the advantages of Fennec with out HTML5 framework by wrapping it into a somewhat WebView like you can do on Android. The native implementation of the webview on Android turns out to be very disappointing so far whereas Fennec runs seamlessly.
Could you recommend us any tips to do that properly from the Fennec's Android app project?
Basically we just want to be able to call sort of a new FennecWebView() class instance in our code (instead of the formerly new WebView() ) that will run full-screen and won't call any further things such as, bookmark manager, setting. We just want to scale this down to the very strict minimum in order to run our Canvas framework in a native app thanks to the Fennec's engine.
Thank you very much!
BR,
Armand

I've seen some interest in this from others. It was suggested that they build a web app manifest.
https://developer.mozilla.org/en-US/docs/Apps/Getting_Started
https://hacks.mozilla.org/2013/01/join-us-for-firefox-os-app-days/

Best method to create a spinnable flower windmill for iPad and Android

What is the best method to create a spinnable flower windmill for iPad and Android? I want to be able to drag and spin. The faster you drag, the faster it should spin. Each petal will have an image which will be its own link. Any links to tutorials, toolkits, and recent examples are greatly appreciated. Thank you.

Here's a whell that spins, but it has a spin button instead of being able to drag it:
http://www.switchonthecode.com/tutorials/creating-a-roulette-wheel-using-html5-canvas
Seems to me the best ui would be to be able to drag it and stop it or drag it and spin it at various speeds.

Friday Fun : IE9 HTML 5 canvas support coming

Hi,
originally posted on :
http://ajaxian.com/archives/ie9-canvas-support-leaked-by-amd
and http://blogs.amd.com/developer/2010/03/16/ie9-takes-advantage-of-the-gpu/
You guys are wondering why I am talking this here,
well, <canvas> component is becoming necessity for new face of Web apps, mobile apps that also includes ADF Mobile,
although ie9 preview doesn't talk about canvas yet, let's hope that it comes in final release,
I am not a big fan of IE itself, but unfortunately it still holds the big number in market share
at the same time I can hope that ADF will have components which natively support HTML 5 and remove those extra thousands lines of code in javascript
till then, Android and Webkit lovers, enjoy this : http://ajaxian.com/archives/harmony-canvas-drawing-tool
simplyadf

Hi,
originally posted on :
http://ajaxian.com/archives/ie9-canvas-support-leaked-by-amd
and http://blogs.amd.com/developer/2010/03/16/ie9-takes-advantage-of-the-gpu/
You guys are wondering why I am talking this here,
well, <canvas> component is becoming necessity for new face of Web apps, mobile apps that also includes ADF Mobile,
although ie9 preview doesn't talk about canvas yet, let's hope that it comes in final release,
I am not a big fan of IE itself, but unfortunately it still holds the big number in market share
at the same time I can hope that ADF will have components which natively support HTML 5 and remove those extra thousands lines of code in javascript
till then, Android and Webkit lovers, enjoy this : http://ajaxian.com/archives/harmony-canvas-drawing-tool
simplyadf

How do i use my web of trust add on firefox android?

how do i use my web of trust add on firefox android?
i have it in my PC and it works great, all i do is look at the green circles to tjw right of each website in my search lists.
but i do not see anything like this on my android! how do i work it?
thanks!

Yes, I clicked on your link, but it took me to a foreign language (i assume Italian or such) page. Then I backspaced to type in just the add-ons for android, and searched for web of trust, then WOT. But i still cannot find my answer! Are you able to just TELL me how to use/see/ bring up this WOT app in my FF android? Thanks!

Excite PRO 3G connection not work after Android v4.3 update

Hello,
I live in Italy and on last Sunday (january 26th) my Excite PRO tablet (model AT10LE-A-10H) got the Android version 4.3.201121220.35.
After restart my wifi works fine, all other app work fine, but my 3g connection doesn't work, mobile network bar is empty and it says "no service".
My sim card is ok. I used this sim card before the system update and I didn't get any problem with Android 4.2.2.
Please help me.
Thank you

>After restart my wifi works fine, all other app work fine, but my 3g connection doesn't work, mobile network bar is empty and it says "no service".
Go to the mobile network settings and search again for the 3G network.
I had similar problem with my Android Smartphone and my o2 provider
I started new search, then I chosen the O2 again and then I could solve the problem.
In case this does not work for you, recommend you to reset the tablet back to default (factory settings)

For what reason on my tablet with OS Android 4.1 does not work flash on the sites?

Hi! I recently bought a Google Nexus 7 tablet with Android 4.1 operating system and on my tablet does not work flash sites. Why adobe does not release a new version of flash for android 4.1? Why it was necessary to buy a company Macromedia, if adobe does not want to develop web technology? I think against Adobe can sue for violation of antitrust

I found this for example:
http://www.slashgear.com/adobe-no-jelly-bean-flash-flash-player-pulled-altogether-august-1 5-29236404/

Why does Android Reader smart zoom not work as described on Google Nexus 7 2013 tablet?

The smart zoom feature in Android Acrobat Reader allows you to double tap on a text column and the reader will zoom up to the column in improve readability. This feature works great on the Samsung Galaxy Note 2 smart phone, but only appears to zoom half way on the Google Nexus 7 2013 tablet.
Is this a bug?
Thanks in advance for your replies.
Regards,
Jim Savitz

Would it be possible for you to share the problematic pdf and OS information with us at [email protected] so that we may investigate?
Thanks,
Adobe Reader Team

How to make mac address gmail contacts overwrite the ones on my HTC Android phone - I don't want to sync - that makes the phone scramble and overwrite my computer. I want to remove or correctly overwrite the phone information as I have done with iPad.

Please help - I am beginning to hate google, my android and gmail. I have just wasted about 5 hours in a futile attempt to try and get my current Mac contacts list on my computer updated to my phone. I'm not that computer literate but I have looked up about google phone accounts, vCards, backing up contact lists, what SD on phones are, and God know what else. I have searched the internet and tried all sorts of things and I still have a mac with a now correct contact list (after the iPad contacts scrambled it and I spent ages manually correcting them all) and a phone with an outdated contact list. If you try and sync them the phone wants to overwrite the computer one just like the iPad did (would it be so **** hard to give you a choice on the phone as to which overwrites which!). After all the advice on the internet failed, I got the bright idea to completely delete all the ones on the phone and if it was empty of contacts the computer one could be exported to it. Not as simple as it sounds. First I backed up (I think) my computer contacts list. Numerous futile attempts to go through the phone options to globally delete all contacts did not work - they gave a warning message and you got to choose whether to continue or not, I did, and it looked like it might be working as it changed to zero data on the phone, but then they all popped back up again from God knows where from, but without their little added bits like pictures of the people. So, I tried un- syncing the darn phone from google and then deleting them globally. That didn't work either. I tried deleting them all again and again and google would crash and not let me do it. It is absolutely ridiculous that this is so damned difficult to do (especially if you are not computer savvy) and that you cannot choose which device overwrites which when syncing. I gave up and ticked sync with Google again (not that it appears to do anything to the phone contact list at all). So after 5 hours I am back to where I started from, with a phone showing all the same incorrect contacts (but the pictures are back), which wants to overwrite the computer if I try any sort of sync, and no way to fix them except go into each one manually and try and do it - and how long would that take (and I've already wasted hours and hours fixing scrambled contact lists!). I think I will do a print out of the computer contact list and just carry it around with me like an address book - so much bloody simpler. So now I have a headache, am fighting an overwhelming urge to hurl the phone at the wall, hoping for a heat wave to evaporate icloud things and am wishing I had bought an iPhone instead of the stupid HTC Android. Can any one offer me any suggestions on how to get rid of the contacts on my phone and replace them with the ones in my mac address list - hopefully after that they can sync to their hearts content and not stuff everything up again (which was why I unsynced google a while back - because the phone's list kept making stuff ups and scrambling and duplicating my computer contacts list). Am I the only one on the planet having this problem or is there someone else out there who has had it and solved it.

Without "pretending" to be yourself on the other phone (change settings) there's nothing else you can do.
iOS devices are meant to be single user and can't view iCloud.com the same way a Mac or PC can do.
You need to find a desktop or laptop machine (Mac or PC) to log in at iCloud.

Canvas on Android

Similar Messages

Maybe you are looking for