diff --git a/examples/bookmarklet.html b/examples/bookmarklet.html deleted file mode 100644 index cb759c5..0000000 --- a/examples/bookmarklet.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - html2canvas Bookmarklet - - - - -

html2canvas Bookmarklet

-

- If you use a normal browser: drag the normal html2canvas bookmarklet to your bookmarks toolbar.
- If not use the following link: bookmarklet for those special mobile devices - click / tap that link and then bookmark the page, edit the bookmark and remove the start up until including #_remove_this_ - part at the beginning of the URL, it must start with: javascript: to be correct. -

-

- If you are using Firefox and the NoScript Addon: disable the ABE part of it, - took me quite some time to figure out that the reason for an unreliable bookmarklet was in NoScript... -

-

For Developers:

-

- If you are a developer and want to debug locally (you need the source tree of your html2canvas at: - http(s)://localhost/html2canvas/) - check the following box to get the bookmarklet patched automatically ;)
- -

- - diff --git a/examples/demo.html b/examples/demo.html index b065445..4f056aa 100644 --- a/examples/demo.html +++ b/examples/demo.html @@ -1,2373 +1,186 @@ - - - - - - - - - - -
-

One column fixed width layout

- -
-
- - -
-

Page heading

-

Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem ve eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

-

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

-

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

-
- -
-
- -
-
- ©Copyright Max Design 2010 -
- + + + + + + + + display/box/float/clear test + + + + +
+
+ toggle +
+
+ +
+
+ bar maids, +
+
+

+ sing to me, erbarme dich +

+
+
+

+ This is a nonsensical document, but syntactically valid HTML 4.0. All 100% conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this reference rendering, (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the parent page. +

+ + diff --git a/examples/demo2.html b/examples/demo2.html index 2793eb7..a16d889 100644 --- a/examples/demo2.html +++ b/examples/demo2.html @@ -1,186 +1,68 @@ - + - + + + + + + + - html { - font: 10px/1 Verdana, sans-serif; - background-color: blue; - color: white; - } + + + +
+
+
+

Heading

+ Text that isn't wrapped in anything. +

Followed by some text wrapped in a <p> paragraph.

+ Maybe add a link or a different style of link with a highlight. +
+

More content

+
a
+
- ul { - margin: 0; - border: 0; - padding: 0; - } +
- li { - display: block; /* i.e., suppress marker */ - color: black; - height: 9em; - width: 5em; - margin: 0; - border: .5em solid black; - padding: 1em; - float: left; - background-color: #FC0; - } - - #bar { - background-color: black; - color: white; - width: 41.17%; /* = 14em */ - border: 0; - margin: 0 1em; - } - - #baz { - margin: 1em 0; - border: 0; - padding: 1em; - width: 10em; - height: 10em; - background-color: black; - color: white; - } - - form { - margin: 0; - display: inline; - } - - p { - margin: 0; - } - - form p { - line-height: 1.9; - } - - blockquote { - margin: 1em 1em 1em 2em; - border-width: 1em 1.5em 2em .5em; - border-style: solid; - border-color: black; - padding: 1em 0; - width: 5em; - height: 9em; - float: left; - background-color: #FC0; - color: black; - } - - address { - font-style: normal; - } - - h1 { - background-color: black; - color: white; - float: left; - margin: 1em 0; - border: 0; - padding: 1em; - width: 10em; - height: 10em; - font-weight: normal; - font-size: 1em; - } - - - -
-
- toggle -
-
-
    -
  • - the way -
    • -
  • -

    - the world ends -

    -
    -

    - bang - -

    -

    - whimper - -

    -
    -
    • -
  • - i grow old -
    • -
  • - pluot? -
    • -
-
-
- bar maids, -
-
-

- sing to me, erbarme dich -

-
-
-

- This is a nonsensical document, but syntactically valid HTML 4.0. All 100% conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this reference rendering, (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the parent page. -

- +
+
+ diff --git a/examples/demo3.html b/examples/demo3.html deleted file mode 100644 index df8f79a..0000000 --- a/examples/demo3.html +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - - - - - - - - - -
-
-
-

Heading

- Text that isn't wrapped in anything. -

Followed by some text wrapped in a <p> paragraph.

- Maybe add a link or a different style of link with a highlight. -
-

More content

-
a
-
- -
- -
-
- - diff --git a/readme.md b/readme.md index 5833777..9ae1234 100644 --- a/readme.md +++ b/readme.md @@ -59,7 +59,7 @@ The library has two sets of tests. The first set is a number of qunit tests that The other set of tests run Firefox, Chrome and Internet Explorer with webdriver. The selenium standalone server (runs on Java) is required for these tests and can be downloaded from here. They capture an actual screenshot from the test pages and compare the image to the screenshot created by html2canvas and calculate the percentage differences. These tests generally aren't expected to provide 100% matches, but while commiting changes, these should generally not go decrease from the baseline values. -If you didn't download `html2canvas` from `npm`, start by downloading the dependencies: +Start by downloading the dependencies: $ npm install