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

Update README.md

Browse Source
This commit is contained in:
Vadim Namniak
2014-10-12 10:37:29 -04:00
parent 7e3d425769
commit 8dda2cb645
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+2 -4
View File
@@ -8,7 +8,7 @@ new CanvasTextWrapper(HTMLCanvasElement, String [, options]);
```options``` - is a JavaScript object with the following available properties and values: ```options``` - is a JavaScript object with the following available properties and values:
- ```font: String``` - text style that includes font size in px (REQUIRED), weight & family, similar to CSS font shorthand property - ```font: String``` - text style that includes font size (in px), weight and family, similarly to CSS font shorthand property
- ```textAlign: "left" | "center" | "right"``` - horizontal alignment that applies for each line - ```textAlign: "left" | "center" | "right"``` - horizontal alignment that applies for each line
- ```verticalAlign: "top" | "middle" | "bottom"``` - vertical alignment that applies on a whole block of text - ```verticalAlign: "top" | "middle" | "bottom"``` - vertical alignment that applies on a whole block of text
- ```paddingX: Number``` - horizontal padding in pixels set equally on both, left and right sides of the element - ```paddingX: Number``` - horizontal padding in pixels set equally on both, left and right sides of the element
@@ -39,7 +39,7 @@ The default options object which values will be used if a property is not specif
``` ```
##Usage ##Usage
Use standard canvas text drawing methods such as "fillStyle" and "globalCompositeOperation" when needed before using CanvasTextWrapper like so: Use standard canvas text drawing сщташпгкфешщты such as "fillStyle" and "globalCompositeOperation" when needed before using CanvasTextWrapper like so:
``` ```
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
canvas.width = 300; canvas.width = 300;
@@ -48,8 +48,6 @@ context = canvas.getContext("2d");
context.fillStyle = "rgb(255, 255, 255)"; context.fillStyle = "rgb(255, 255, 255)";
context.fillRect(0, 0, canvas.width, canvas.height); context.fillRect(0, 0, canvas.width, canvas.height);
context.globalCompositeOperation = "destination-out";
new CanvasTextWrapper(canvas, "Hi there", { new CanvasTextWrapper(canvas, "Hi there", {
font: "normal 40px Open Sans, sans-serif", font: "normal 40px Open Sans, sans-serif",
textAlign: "center", textAlign: "center",