Well I said the sketchpad sample so get the full source from the RIM links:
https://developer.blackberry.com/html5/sampleapps/
The links take me to the old code even though it now has a BB10 symbol so would have expected updates but didn't find any. Are others getting old webworks to run on BB10 without changes? I assume not.
To get things updated for BB10 I modified the config.xml, and index, and .js based on the other examples for bb10.
viewport set via script, added webworks .js, added a canvas container and instead of creating the canvas in the .js
just fetch it so the last lines of the .js are pasted below (which seem to make ripple happy and it
runs fine on a real playbook, just don't have an alpha device so the simulator showing nothing makes me think it may work differently.
index.html
...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1.0"-->
<title> sketchPad </title>
<link href="css/sketchpad.css" rel="stylesheet" type="text/css">
<script>
var meta = document.createElement("meta");
meta.setAttribute('name','viewport');
meta.setAttribute('content','width=device-width,height=device-height,initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
document.getElementsByTagName('head')[0].appendChild(meta);
</script>
<script type="text/javascript" src="webworks-1.0.2.9.js"></script>
<script type="text/javascript" src="js/sketchpad.js"></script>
</head>
<body>
<div id="container">
<div id="canvas" >
<canvas id="drawCanvas" ></canvas>
</div>
</div>
</body>
</html>
sketchpad.js.
...
//fetch a canvas that covers the entire screen:
canvas = document.querySelector('#drawCanvas');
canvas.width = document.documentElement.clientWidth;
canvas.height = document.documentElement.clientHeight;
ctx = canvas.getContext("2d");
displayHeader("Touch the screen or move pointer to begin (Double tap screen to clear)");
panel_size = canvas.width/numButtonsInPanel;
drawPanel();
}
window.addEventListener("DOMContentLoaded", function(e) { document.addEventListener("webworksready", doPageLoad); }, false);
