Chromium Code Reviews Chromium Code Reviews
Issue 1267093002:
add SVG zoom/scroll case to perf test (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: PerformanceTests/SVG/Bamboo_transform.html |
| diff --git a/PerformanceTests/SVG/Bamboo_transform.html b/PerformanceTests/SVG/Bamboo_transform.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..9c2b1835e55eb5b24694ba3bff9f7a01067045f8 |
| --- /dev/null |
| +++ b/PerformanceTests/SVG/Bamboo_transform.html |
| @@ -0,0 +1,66 @@ |
| +<!DOCTYPE html> |
| +<body> |
|
fs
2015/08/20 09:06:29
Redundant (the parser will insert one automaticall
junchao.han
2015/08/21 01:27:33
Done.
|
| +<pre id="log"></pre> |
| +<div> |
| + <object id="svg-content" data="./resources/Bamboo.svg" width="400px" height="400px" type="image/svg+xml"> |
| + <param name="src" value="./resources/Bamboo.svg" |
|
fs
2015/08/20 09:06:29
Redundant.
junchao.han
2015/08/21 01:27:33
Done.
|
| + </object> |
| +</div> |
| +<script src="../resources/runner.js"></script> |
| +<script> |
| +var svgContent; |
| +var startTime; |
| +var endTime; |
| +var LOOP_ITERATIONS = 20; |
| +var loop = LOOP_ITERATIONS; |
| +var offset = 0; |
| +var state = 'zoomin'; |
| +var delta = 1; |
| +var now = function(){ |
| + return window.performance ? performance.now() : Date.now(); |
| +} |
| +var step = function(){ |
| + loop--; |
| + if (loop==0){ |
| + loop = LOOP_ITERATIONS; |
| + switch(state){ |
| + case 'zoomin': |
| + state='scroll'; |
| + delta = 0; |
| + break; |
| + case 'scroll': |
| + state='zoomout'; |
| + delta = 2; |
| + break; |
| + case 'zoomout': |
| + endTime = now(); |
| + var log = document.getElementById("log"); |
| + log.innerHTML += "values "+(endTime-startTime)+" ms"; |
| + testRunner.notifyDone(); |
| + return; |
| + } |
| + } |
| + switch(state){ |
| + case 'zoomin': |
| + delta += 0.05; |
| + svgContent.style.transform='matrix('+delta+',0,0,'+delta+',0,0)'; |
| + break; |
| + case 'scroll': |
| + if (loop>LOOP_ITERATIONS/2) delta += 20; |
| + else delta -= 20; |
| + svgContent.style.transform='matrix(2,0,0,2,'+delta+',0)'; |
| + break; |
| + case 'zoomout': |
| + delta -= 0.05; |
| + svgContent.style.transform='matrix('+delta+',0,0,'+delta+',0,0)'; |
| + break; |
| + } |
| + requestAnimationFrame(step); |
| +}; |
| +window.onload = function(){ |
| + svgContent = document.getElementById('svg-content').contentDocument.documentElement; |
| + startTime = now(); |
| + requestAnimationFrame(step); |
| +} |
| +</script> |
| +</body> |
