OLD | NEW |
1 // Copyright (c) 2010 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2010 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 (function() { | 5 (function() { |
6 var a = 7; | 6 var a = 7; |
7 var a2 = a / 2; | 7 var a2 = a / 2; |
8 var ctx = document.getCSSCanvasContext('2d', 'triangle-filled', a2 + 2, a + 1)
; | 8 var ctx = document.getCSSCanvasContext('2d', 'triangle-filled', a2 + 2, a + 1)
; |
9 | 9 |
10 ctx.fillStyle = '#000'; | 10 ctx.fillStyle = '#000'; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 ctx.translate(.5 + 2, .5 + 2); | 44 ctx.translate(.5 + 2, .5 + 2); |
45 ctx.fillStyle = '#000'; | 45 ctx.fillStyle = '#000'; |
46 ctx.beginPath(); | 46 ctx.beginPath(); |
47 | 47 |
48 ctx.moveTo(0, 0); | 48 ctx.moveTo(0, 0); |
49 ctx.lineTo(0, a); | 49 ctx.lineTo(0, a); |
50 ctx.lineTo(a2, a2); | 50 ctx.lineTo(a2, a2); |
51 ctx.closePath(); | 51 ctx.closePath(); |
52 ctx.stroke(); | 52 ctx.stroke(); |
53 })(); | 53 })(); |
54 | |
55 // We need to generate CSS for the indentation. | |
56 (function() { | |
57 // We need to generat the following | |
58 //.tree-item > * > .tree-item > .tree-row { | |
59 // -webkit-padding-start: 20px; | |
60 //} | |
61 | |
62 //.tree-item > * .tree-item > * .tree-item > * > .tree-item > .tree-row { | |
63 // -webkit-padding-start: 60px; | |
64 //} | |
65 var style = document.createElement('style'); | |
66 | |
67 function repeat(s, n) { | |
68 return Array(n + 1).join(s); | |
69 } | |
70 | |
71 var s = ''; | |
72 for (var i = 1; i < 10; i++) { | |
73 s += repeat('.tree-item > * ', i) + '.tree-item > .tree-row {\n' + | |
74 '-webkit-padding-start:' + i * 20 + 'px\n' + | |
75 '}\n'; | |
76 } | |
77 style.textContent = s; | |
78 document.documentElement.firstElementChild.appendChild(style); | |
79 })(); | |
OLD | NEW |