Index: ppapi/examples/scaling/scaling.html |
diff --git a/ppapi/examples/scaling/scaling.html b/ppapi/examples/scaling/scaling.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..983cbd6d531d84c55e37ece65d30e64de1a35c15 |
--- /dev/null |
+++ b/ppapi/examples/scaling/scaling.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE html> |
+<html> |
+ <!-- |
+ Copyright (c) 2013 The Chromium Authors. All rights reserved. |
+ Use of this source code is governed by a BSD-style license that can be |
+ found in the LICENSE file. |
+ --> |
+<head> |
+ <title>Pepper 2D Scaling Example</title> |
+ <script> |
+ |
+ function HandleMessage(message_event) { |
+ if (message_event.data) { |
+ console.log(message_event.data); |
+ } |
+ } |
+ |
+ function AddListener() { |
+ var plugin = document.getElementById("plugin"); |
+ plugin.addEventListener("message", HandleMessage, false); |
+ } |
+ document.addEventListener("DOMContentLoaded", AddListener, false); |
+ </script> |
+</head> |
+ |
+<body> |
+ <script> |
+ function SendString(str) { |
+ var plugin = document.getElementById("plugin"); |
+ plugin.postMessage(str); |
+ } |
+ </script> |
+ |
+ <button onclick="SendString('dip')">DIP Res</button> |
+ <button onclick="SendString('device')">Device Res</button> |
+ <button onclick="SendString('metrics')">Metrics</button> |
+ <hr> |
+ <object id="plugin" type="application/x-ppapi-example-2d-scaling" width="200" height="200" border="2px"></object><br> |
+Blue lines are one pixel thin, at either DIP or device resolution.<br> |
+Green circle is 25 DIPs in radius.<br> |
+Red circle is 50 CSS pixels in radius.<br> |
+Mouse clicks in the plugin will generate a message in the JS console.<br> |
dmichael (off chromium)
2013/03/28 21:38:29
That brings up an interesting point... should we
Josh Horwich
2013/03/29 20:54:23
InputEvents are in DIPs - hence the motivation for
|
+ <hr> |
+</body> |