mirror of
https://github.com/FoggedLens/iD.git
synced 2026-04-21 11:16:36 +02:00
Extract iD.svg.Surface
This commit is contained in:
+2
-1
@@ -42,8 +42,9 @@
|
||||
<script src="js/id/svg/lines.js"></script>
|
||||
<script src="js/id/svg/midpoints.js"></script>
|
||||
<script src="js/id/svg/points.js"></script>
|
||||
<script src="js/id/svg/vertices.js"></script>
|
||||
<script src="js/id/svg/surface.js"></script>
|
||||
<script src="js/id/svg/tag_classes.js"></script>
|
||||
<script src="js/id/svg/vertices.js"></script>
|
||||
|
||||
<script src='js/id/ui/inspector.js'></script>
|
||||
<script src='js/id/ui/modal.js'></script>
|
||||
|
||||
+2
-17
@@ -41,23 +41,8 @@ iD.Map = function() {
|
||||
if (d3.event.button == 2) {
|
||||
d3.event.stopPropagation();
|
||||
}
|
||||
});
|
||||
|
||||
surface.append('defs')
|
||||
.append('clipPath')
|
||||
.attr('id', 'clip')
|
||||
.append('rect')
|
||||
.attr('id', 'clip-rect')
|
||||
.attr({ x: 0, y: 0 });
|
||||
|
||||
var clip = surface.append('g')
|
||||
.attr('clip-path', 'url(#clip)');
|
||||
|
||||
var layers = clip.selectAll('.layer')
|
||||
.data(['fill', 'casing', 'stroke', 'text', 'hit']);
|
||||
|
||||
layers.enter().append('g')
|
||||
.attr('class', function(d) { return 'layer layer-' + d; });
|
||||
})
|
||||
.call(iD.svg.Surface());
|
||||
|
||||
map.size(selection.size());
|
||||
map.surface = surface;
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
iD.svg.Surface = function() {
|
||||
return function(selection) {
|
||||
selection.append('defs')
|
||||
.append('clipPath')
|
||||
.attr('id', 'clip')
|
||||
.append('rect')
|
||||
.attr('id', 'clip-rect')
|
||||
.attr({ x: 0, y: 0 });
|
||||
|
||||
var clip = selection.append('g')
|
||||
.attr('clip-path', 'url(#clip)');
|
||||
|
||||
var layers = clip.selectAll('.layer')
|
||||
.data(['fill', 'casing', 'stroke', 'text', 'hit']);
|
||||
|
||||
layers.enter().append('g')
|
||||
.attr('class', function(d) { return 'layer layer-' + d; });
|
||||
};
|
||||
};
|
||||
+2
-1
@@ -44,8 +44,9 @@
|
||||
<script src="../js/id/svg/lines.js"></script>
|
||||
<script src="../js/id/svg/midpoints.js"></script>
|
||||
<script src="../js/id/svg/points.js"></script>
|
||||
<script src="../js/id/svg/vertices.js"></script>
|
||||
<script src="../js/id/svg/surface.js"></script>
|
||||
<script src="../js/id/svg/tag_classes.js"></script>
|
||||
<script src="../js/id/svg/vertices.js"></script>
|
||||
|
||||
<script src='../js/id/ui/inspector.js'></script>
|
||||
<script src='../js/id/ui/commit.js'></script>
|
||||
|
||||
@@ -4,10 +4,8 @@ describe("iD.svg.Areas", function () {
|
||||
filter = d3.functor(true);
|
||||
|
||||
beforeEach(function () {
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'));
|
||||
|
||||
surface.append('g')
|
||||
.attr('class', 'layer-fill');
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'))
|
||||
.call(iD.svg.Surface());
|
||||
});
|
||||
|
||||
it("adds tag classes", function () {
|
||||
|
||||
@@ -4,10 +4,8 @@ describe("iD.svg.Points", function () {
|
||||
filter = d3.functor(true);
|
||||
|
||||
beforeEach(function () {
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'));
|
||||
|
||||
surface.append('g')
|
||||
.attr('class', 'layer-hit');
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'))
|
||||
.call(iD.svg.Surface());
|
||||
});
|
||||
|
||||
it("adds tag classes", function () {
|
||||
|
||||
@@ -4,10 +4,8 @@ describe("iD.svg.Vertices", function () {
|
||||
filter = d3.functor(true);
|
||||
|
||||
beforeEach(function () {
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'));
|
||||
|
||||
surface.append('g')
|
||||
.attr('class', 'layer-hit');
|
||||
surface = d3.select(document.createElementNS('http://www.w3.org/2000/svg', 'svg'))
|
||||
.call(iD.svg.Surface());
|
||||
});
|
||||
|
||||
it("adds tag classes", function () {
|
||||
|
||||
Reference in New Issue
Block a user