evert/svgcanvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add tests for globalAlpha

Browse Source
This commit is contained in:
fuzhen 2016-01-16 17:22:47 +08:00
parent f302a60389
commit d70b13eedd
1 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
test/unit.spec.js
View File

@ -296,4 +296,40 @@ describe('canvas2svg', function() {
});
});
describe("supports globalOpacity", function() {
it("set stroke-opacity when stroking and set fill-opacity when filling",function() {
var ctx = new C2S();
ctx.globalAlpha = 0.5;
ctx.moveTo(5,5);
ctx.lineTo(15,15);
ctx.stroke();
var svg = ctx.getSvg();
expect(svg.querySelector("path").getAttribute("stroke-opacity")).to.equal('0.5');
ctx.globalAlpha = 0.1;
ctx.fillStyle = "#000000";
ctx.fill();
expect(svg.querySelector("path").getAttribute("fill-opacity")).to.equal('0.1');
//stroke-opacity stays o.5
expect(svg.querySelector("path").getAttribute("stroke-opacity")).to.equal('0.5');
});
it("added into color opacity when stroking or filling with rgba style color. ",function() {
var ctx = new C2S();
ctx.strokeStyle="rgba(0,0,0,0.8)";
ctx.globalAlpha = 0.5;
ctx.moveTo(5,5);
ctx.lineTo(15,15);
ctx.stroke();
var svg = ctx.getSvg();
expect(svg.querySelector("path").getAttribute("stroke")).to.equal('rgb(0,0,0)');
//stroke-opacity should be globalAlpha*(alpha in rgba)
expect(svg.querySelector("path").getAttribute("stroke-opacity")).to.equal(''+0.8*0.5);
ctx.globalAlpha = 0.6;
ctx.fillStyle = "rgba(0,0,0,0.6)";
ctx.fill();
expect(svg.querySelector("path").getAttribute("fill-opacity")).to.equal(''+0.6*0.6);
expect(svg.querySelector("path").getAttribute("stroke-opacity")).to.equal(''+0.8*0.5);
});
});
});