فهرست منبع

Add a sample that uses `transform: scale`

Alex Dima 3 سال پیش
والد
کامیت
fc234d6a57
2فایلهای تغییر یافته به همراه32 افزوده شده و 0 حذف شده
  1. 2 0
      test/manual/index.html
  2. 30 0
      test/manual/transform.html

+ 2 - 0
test/manual/index.html

@@ -16,6 +16,8 @@
 		<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a> &#160;|&#160;
 		<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a> &#160;|&#160;
 		<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
+		&#160;|&#160;
+		<a class="loading-opts" href="./transform.html">[transform]</a>
 		<br /><br />
 
 		<div id="bar" style="margin-bottom: 6px"></div>

+ 30 - 0
test/manual/transform.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+		<style type="text/css">
+			#editor {
+				position: relative;
+				left: 500px;
+				top: 20px;
+				width: 600px;
+				height: 400px;
+				border: 1px solid #ccc;
+			}
+		</style>
+	</head>
+	<body style="transform: scale(0.75)">
+		<div id="editor"></div>
+
+		<script src="../../metadata.js"></script>
+		<script src="dev-setup.js"></script>
+		<script>
+			loadEditor(function () {
+				monaco.editor.create(document.getElementById('editor'), {
+					value: document.documentElement.innerHTML,
+					language: 'xml'
+				});
+			});
+		</script>
+	</body>
+</html>