From 5279839ca4221b31d29644213496da4de63fc6dd Mon Sep 17 00:00:00 2001 From: John Firebaugh Date: Sat, 19 Jan 2013 08:21:22 -0800 Subject: [PATCH] Highway rendering test page Removing the top-level clip-rect to make this work; it doesn't seem necessary? --- js/id/renderer/map.js | 5 +-- js/id/svg/surface.js | 12 +---- test/rendering.html | 100 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 103 insertions(+), 14 deletions(-) create mode 100644 test/rendering.html diff --git a/js/id/renderer/map.js b/js/id/renderer/map.js index 729d37936..e4cb0d02e 100644 --- a/js/id/renderer/map.js +++ b/js/id/renderer/map.js @@ -235,10 +235,7 @@ iD.Map = function() { map.size = function(_) { if (!arguments.length) return dimensions; dimensions = _; - surface - .size(dimensions) - .selectAll('#clip-rect') - .size(dimensions); + surface.size(dimensions); background.size(dimensions); return redraw(); }; diff --git a/js/id/svg/surface.js b/js/id/svg/surface.js index 9fb64ca0e..e9b1b36db 100644 --- a/js/id/svg/surface.js +++ b/js/id/svg/surface.js @@ -1,16 +1,8 @@ iD.svg.Surface = function() { return function drawSurface(selection) { - selection.append('defs') - .append('clipPath') - .attr('id', 'clip') - .append('rect') - .attr('id', 'clip-rect') - .attr({ x: 0, y: 0 }); + selection.append('defs'); - var clip = selection.append('g') - .attr('clip-path', 'url(#clip)'); - - var layers = clip.selectAll('.layer') + var layers = selection.selectAll('.layer') .data(['fill', 'casing', 'stroke', 'text', 'hit']); layers.enter().append('g') diff --git a/test/rendering.html b/test/rendering.html new file mode 100644 index 000000000..4250cd949 --- /dev/null +++ b/test/rendering.html @@ -0,0 +1,100 @@ + + + + + Rendering Tests + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Highways
z16z17
BaseHoverSelectedBaseHoverSelected
+ + + +