Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1324)

Unified Diff: ppapi/examples/scaling/scaling.html

Issue 12989006: Move HiDPI-related Pepper interfaces to stable (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fix Win build, add test Created 7 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698