wassname/CanvasTextWrapper
1
0
Fork 0
mirror of https://github.com/wassname/CanvasTextWrapper.git synced 2026-07-23 12:40:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

added stroke text

Browse Source
This commit is contained in:
Vadim Namniak
2014-10-12 01:55:46 -04:00
parent 5da5525ce9
commit 1bf607390f
4 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/examples.js
+12 -3
View File
@@ -43,9 +43,18 @@ document.onreadystatechange = function() {
context.fillRect(0, 0, w, h);
exampleItem.appendChild(canvasMask);
// create text to be cut out mask layer
context.fillStyle = '#212121';
context.globalCompositeOperation = 'destination-out';
if (i < options.length -1) {
// create text to be cut out mask layer
context.fillStyle = '#212121';
context.globalCompositeOperation = 'destination-out';
} else {
// make stroke gradient
var gradient=context.createLinearGradient(0,0,canvasImg.width,0);
gradient.addColorStop("0","#ffff00");
gradient.addColorStop("1.0","red");
context.strokeStyle=gradient;
context.lineWidth = 3;
}
// create wrapper
new CanvasTextWrapper(canvasMask, ('#' + (i + 1) + ' ' + text), options[i]);