Canvas To Filesystem Sample

This sample provides a basic canvas drawing implementation, along with functionality to save what has been drawn on the canvas as a PNG image to the BlackBerry 10 filesystem. All of the saving functionality is contained within saveCanvas.js.

For a full explanation of the code, please refer to this Knowledge Base article.

Applies To

• BlackBerry 10 WebWorks SDK 2.0+

Author(s)

• Erik Oros

Dependencies

1. canvas-toBlob.js is licensed under the MIT license.

Contributing

• To contribute code to this repository you must be signed up as an official contributor.

Screenshots

Requirements

####Cordova Plugins####

com.blackberry.app
com.blackberry.invoke
com.blackberry.invoke.card
com.blackberry.io
com.blackberry.ui.toast

####BlackBerry Permissions####

access_shared

How to Build

1. Clone this repo to your local machine.

2. Ensure the BlackBerry 10 WebWorks SDK 2.0 is correctly installed.

3. Open a command prompt (windows) or terminal (mac) and run the following command:

   webworks create <your source folder>\canvasToFilesystem
   

4. Replace the default canvasToFilesystem\www folder with the \www folder from this project

5. Replace the default canvasToFilesystem\config.xml with the config.xml from this project

6. From the command prompt (Windows) or terminal (mac), navigate to the canvasToFilesystem folder

   cd <your source folder>\canvasToFilesystem
   

7. Run the following commands to configure plugins used by this app

   webworks plugin add com.blackberry.app
   webworks plugin add com.blackberry.invoke
   webworks plugin add com.blackberry.invoke.card
   webworks plugin add com.blackberry.io
   webworks plugin add com.blackberry.ui.toast
   

8. Add the following to your config.xml

   <rim:permissions>
   	<rim:permit>access_shared</rim:permit>
   </rim:permissions>
   

9. Run the following command to build and deploy the app to a device connected via USB

   webworks run
   

More Info

• BlackBerry HTML5 WebWorks - Downloads, Getting Started guides, samples, code signing keys.
• BlackBerry WebWorks Development Guides
• BlackBerry WebWorks Community Forums
• BlackBerry Open Source WebWorks Contributions Forums

Contributing Changes

Please see the README of the BB10-WebWorks-Samples repository for instructions on how to add new Samples or make modifications to existing Samples.

Bug Reporting and Feature Requests

If you find a bug in a Sample, or have an enhancement request, simply file an Issue for the Sample.

Disclaimer

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.