diff options
| author | Kevin Yue <[email protected]> | 2018-08-13 00:03:09 +0800 |
|---|---|---|
| committer | Kevin Yue <[email protected]> | 2018-08-13 00:03:09 +0800 |
| commit | 1605703565046c40f3d4b5ff318ff2d5846c8685 (patch) | |
| tree | 2e5474f5f5605b618be536f161aabaf4a7821805 | |
| parent | 3a4bb358614c1e1f5d73f4df45c13a1a7aa013d7 (diff) | |
| download | faker-1605703565046c40f3d4b5ff318ff2d5846c8685.tar.xz faker-1605703565046c40f3d4b5ff318ff2d5846c8685.zip | |
Make data URI text align center and middle
| -rw-r--r-- | lib/image.js | 6 | ||||
| -rw-r--r-- | test/image.unit.js | 2 |
2 files changed, 4 insertions, 4 deletions
diff --git a/lib/image.js b/lib/image.js index dc512a68..311acee4 100644 --- a/lib/image.js +++ b/lib/image.js @@ -201,13 +201,13 @@ var Image = function (faker) { * * @param {number} width * @param {number} height - * @method faker.image.dataurl + * @method faker.image.dataUri */ self.dataUri = function (width, height) { + var svgString = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="' + width + '" height="' + height + '"><rect width="100%" height="100%" fill="grey"/><text x="' + width / 2 + '" y="' + height / 2 + '" font-size="20" alignment-baseline="middle" text-anchor="middle" fill="white">' + width + 'x' + height + '</text></svg>'; var rawPrefix = 'data:image/svg+xml;charset=UTF-8,'; - var svgString = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="' + width + '" height="' + height + '"> <rect width="100%" height="100%" fill="grey"/> <text x="0" y="20" font-size="20" text-anchor="start" fill="white">' + width + 'x' + height + '</text> </svg>'; return rawPrefix + encodeURIComponent(svgString); }; } -module["exports"] = Image;
\ No newline at end of file +module["exports"] = Image; diff --git a/test/image.unit.js b/test/image.unit.js index 2839d91a..055e1cb3 100644 --- a/test/image.unit.js +++ b/test/image.unit.js @@ -116,7 +116,7 @@ describe("image.js", function () { describe("dataUri", function () { it("returns a blank data", function () { var dataUri = faker.image.dataUri(200,300); - assert.equal(dataUri, 'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20baseProfile%3D%22full%22%20width%3D%22200%22%20height%3D%22300%22%3E%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22grey%22%2F%3E%20%20%3Ctext%20x%3D%220%22%20y%3D%2220%22%20font-size%3D%2220%22%20text-anchor%3D%22start%22%20fill%3D%22white%22%3E200x300%3C%2Ftext%3E%20%3C%2Fsvg%3E'); + assert.equal(dataUri, 'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20baseProfile%3D%22full%22%20width%3D%22200%22%20height%3D%22300%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22grey%22%2F%3E%3Ctext%20x%3D%22100%22%20y%3D%22150%22%20font-size%3D%2220%22%20alignment-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%3E200x300%3C%2Ftext%3E%3C%2Fsvg%3E'); }); }); }); |