72 lines
1.7 KiB
HTML
72 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<!--
|
||
|
|
Copyright 2013 Google Inc.
|
||
|
|
|
||
|
|
Use of this source code is governed by a BSD-style license that can be
|
||
|
|
found in the LICENSE file.
|
||
|
|
-->
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>Skia Hello World</title>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var SkiaModule = null; // Global application object.
|
||
|
|
|
||
|
|
// Force a re-draw of the given element.
|
||
|
|
function refresh(elem) {
|
||
|
|
var old_display_style = elem.style.display;
|
||
|
|
elem.style.display = "none";
|
||
|
|
elem.style.display = old_display_style;
|
||
|
|
}
|
||
|
|
|
||
|
|
// When the module loads, begin running the application.
|
||
|
|
function moduleDidLoad() {
|
||
|
|
SkiaModule = document.getElementById("skia_nacl");
|
||
|
|
run();
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleMessage(message_event) {
|
||
|
|
var skdebugf_cmd = "SkDebugf:";
|
||
|
|
if (message_event.data.indexOf(skdebugf_cmd) == 0) {
|
||
|
|
var msg_contents = message_event.data.slice(skdebugf_cmd.length)
|
||
|
|
console.log("Skia: " + msg_contents);
|
||
|
|
} else {
|
||
|
|
alert(message_event.data);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Run the application.
|
||
|
|
function run() {
|
||
|
|
if (SkiaModule) {
|
||
|
|
var cmd = "init";
|
||
|
|
SkiaModule.postMessage(cmd);
|
||
|
|
} else {
|
||
|
|
alert("The Skia module has not properly loaded...");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>Skia Hello World</h1>
|
||
|
|
<p>
|
||
|
|
<div id="listener">
|
||
|
|
<script type="text/javascript">
|
||
|
|
var listener = document.getElementById('listener');
|
||
|
|
listener.addEventListener('load', moduleDidLoad, true);
|
||
|
|
listener.addEventListener('message', handleMessage, true);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<embed name="nacl_module"
|
||
|
|
id="skia_nacl"
|
||
|
|
width=300 height=300
|
||
|
|
src="skhello.nmf"
|
||
|
|
type="application/x-nacl" />
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|