Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <!-- | |
| 4 Copyright (c) 2013 The Chromium Authors. All rights reserved. | |
| 5 Use of this source code is governed by a BSD-style license that can be | |
| 6 found in the LICENSE file. | |
| 7 --> | |
| 8 <head> | |
| 9 <title>Pepper 2D Scaling Example</title> | |
| 10 <script> | |
| 11 | |
| 12 function HandleMessage(message_event) { | |
| 13 if (message_event.data) { | |
| 14 console.log(message_event.data); | |
| 15 } | |
| 16 } | |
| 17 | |
| 18 function AddListener() { | |
| 19 var plugin = document.getElementById("plugin"); | |
| 20 plugin.addEventListener("message", HandleMessage, false); | |
| 21 } | |
| 22 document.addEventListener("DOMContentLoaded", AddListener, false); | |
| 23 </script> | |
| 24 </head> | |
| 25 | |
| 26 <body> | |
| 27 <script> | |
| 28 function SendString(str) { | |
| 29 var plugin = document.getElementById("plugin"); | |
| 30 plugin.postMessage(str); | |
| 31 } | |
| 32 </script> | |
| 33 | |
| 34 <button onclick="SendString('dip')">DIP Res</button> | |
| 35 <button onclick="SendString('device')">Device Res</button> | |
| 36 <button onclick="SendString('metrics')">Metrics</button> | |
| 37 <hr> | |
| 38 <object id="plugin" type="application/x-ppapi-example-2d-scaling" width="200" height="200" border="2px"></object><br> | |
| 39 Blue lines are one pixel thin, at either DIP or device resolution.<br> | |
| 40 Green circle is 25 DIPs in radius.<br> | |
| 41 Red circle is 50 CSS pixels in radius.<br> | |
| 42 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
| |
| 43 <hr> | |
| 44 </body> | |
| OLD | NEW |