Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/brcontainer/html2canvas-php-proxy

PHP Proxy html2canvas
https://github.com/brcontainer/html2canvas-php-proxy

html2canvas html2canvas-proxy php proxy-server

Last synced: 11 months ago
JSON representation

PHP Proxy html2canvas

Awesome Lists containing this project

README 

          
body {

  max-width: 980px;

  border: 1px solid #ddd;

  outline: 1300px solid #fff;

  margin: 16px auto;

}



body .markdown-body

{

  padding: 45px;

}



@font-face {

  font-family: fontawesome-mini;

  src: url(data:font/woff;charset=utf-8;base64,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) format('woff');

}



.markdown-body {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  color: #333333;

  overflow: hidden;

  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;

  font-size: 16px;

  line-height: 1.6;

  word-wrap: break-word;

}



.markdown-body a {

  background: transparent;

}



.markdown-body a:active,

.markdown-body a:hover {

  outline: 0;

}



.markdown-body b,

.markdown-body strong {

  font-weight: bold;

}



.markdown-body mark {

  background: #ff0;

  color: #000;

  font-style: italic;

  font-weight: bold;

}



.markdown-body sub,

.markdown-body sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

.markdown-body sup {

  top: -0.5em;

}

.markdown-body sub {

  bottom: -0.25em;

}



.markdown-body h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



.markdown-body img {

  border: 0;

}



.markdown-body hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



.markdown-body pre {

  overflow: auto;

}



.markdown-body code,

.markdown-body kbd,

.markdown-body pre,

.markdown-body samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



.markdown-body input {

  color: inherit;

  font: inherit;

  margin: 0;

}



.markdown-body html input[disabled] {

  cursor: default;

}



.markdown-body input {

  line-height: normal;

}



.markdown-body input[type="checkbox"] {

  box-sizing: border-box;

  padding: 0;

}



.markdown-body table {

  border-collapse: collapse;

  border-spacing: 0;

}



.markdown-body td,

.markdown-body th {

  padding: 0;

}



.markdown-body .codehilitetable {

  border: 0;

  border-spacing: 0;

}



.markdown-body .codehilitetable tr {

  border: 0;

}



.markdown-body .codehilitetable pre,

.markdown-body .codehilitetable div.codehilite {

  margin: 0;

}



.markdown-body .linenos,

.markdown-body .code,

.markdown-body .codehilitetable td {

  border: 0;

  padding: 0;

}



.markdown-body td:not(.linenos) .linenodiv {

  padding: 0 !important;

}



.markdown-body .code {

  width: 100%;

}



.markdown-body .linenos div pre,

.markdown-body .linenodiv pre,

.markdown-body .linenodiv {

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-border-top-left-radius: 3px;

  -webkit-border-bottom-left-radius: 3px;

  -moz-border-radius-topleft: 3px;

  -moz-border-radius-bottomleft: 3px;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}



.markdown-body .code div pre,

.markdown-body .code div {

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-border-top-right-radius: 3px;

  -webkit-border-bottom-right-radius: 3px;

  -moz-border-radius-topright: 3px;

  -moz-border-radius-bottomright: 3px;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}



.markdown-body * {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.markdown-body input {

  font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";

  line-height: 1.4;

}



.markdown-body a {

  color: #4183c4;

  text-decoration: none;

}



.markdown-body a:hover,

.markdown-body a:focus,

.markdown-body a:active {

  text-decoration: underline;

}



.markdown-body hr {

  height: 0;

  margin: 15px 0;

  overflow: hidden;

  background: transparent;

  border: 0;

  border-bottom: 1px solid #ddd;

}



.markdown-body hr:before,

.markdown-body hr:after {

  display: table;

  content: " ";

}



.markdown-body hr:after {

  clear: both;

}



.markdown-body h1,

.markdown-body h2,

.markdown-body h3,

.markdown-body h4,

.markdown-body h5,

.markdown-body h6 {

  margin-top: 15px;

  margin-bottom: 15px;

  line-height: 1.1;

}



.markdown-body h1 {

  font-size: 30px;

}



.markdown-body h2 {

  font-size: 21px;

}



.markdown-body h3 {

  font-size: 16px;

}



.markdown-body h4 {

  font-size: 14px;

}



.markdown-body h5 {

  font-size: 12px;

}



.markdown-body h6 {

  font-size: 11px;

}



.markdown-body blockquote {

  margin: 0;

}



.markdown-body ul,

.markdown-body ol {

  padding: 0;

  margin-top: 0;

  margin-bottom: 0;

}



.markdown-body ol ol,

.markdown-body ul ol {

  list-style-type: lower-roman;

}



.markdown-body ul ul ol,

.markdown-body ul ol ol,

.markdown-body ol ul ol,

.markdown-body ol ol ol {

  list-style-type: lower-alpha;

}



.markdown-body dd {

  margin-left: 0;

}



.markdown-body code,

.markdown-body pre,

.markdown-body samp {

  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;

  font-size: 12px;

}



.markdown-body pre {

  margin-top: 0;

  margin-bottom: 0;

}



.markdown-body kbd {

  background-color: #e7e7e7;

  background-image: -moz-linear-gradient(#fefefe, #e7e7e7);

  background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);

  background-image: linear-gradient(#fefefe, #e7e7e7);

  background-repeat: repeat-x;

  border-radius: 2px;

  border: 1px solid #cfcfcf;

  color: #000;

  padding: 3px 5px;

  line-height: 10px;

  font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;

  display: inline-block;

}



.markdown-body>*:first-child {

  margin-top: 0 !important;

}



.markdown-body>*:last-child {

  margin-bottom: 0 !important;

}



.markdown-body .headerlink {

  font: normal 400 16px fontawesome-mini;

  vertical-align: middle;

  margin-left: -16px;

  float: left;

  display: inline-block;

  text-decoration: none;

  opacity: 0;

  color: #333;

}



.markdown-body .headerlink:focus {

  outline: none;

}



.markdown-body h1 .headerlink {

  margin-top: 0.8rem;

}



.markdown-body h2 .headerlink,

.markdown-body h3 .headerlink {

  margin-top: 0.6rem;

}



.markdown-body h4 .headerlink {

  margin-top: 0.2rem;

}



.markdown-body h5 .headerlink,

.markdown-body h6 .headerlink {

  margin-top: 0;

}



.markdown-body .headerlink:hover,

.markdown-body h1:hover .headerlink,

.markdown-body h2:hover .headerlink,

.markdown-body h3:hover .headerlink,

.markdown-body h4:hover .headerlink,

.markdown-body h5:hover .headerlink,

.markdown-body h6:hover .headerlink {

  opacity: 1;

  text-decoration: none;

}



.markdown-body h1 {

  padding-bottom: 0.3em;

  font-size: 2.25em;

  line-height: 1.2;

  border-bottom: 1px solid #eee;

}



.markdown-body h2 {

  padding-bottom: 0.3em;

  font-size: 1.75em;

  line-height: 1.225;

  border-bottom: 1px solid #eee;

}



.markdown-body h3 {

  font-size: 1.5em;

  line-height: 1.43;

}



.markdown-body h4 {

  font-size: 1.25em;

}



.markdown-body h5 {

  font-size: 1em;

}



.markdown-body h6 {

  font-size: 1em;

  color: #777;

}



.markdown-body p,

.markdown-body blockquote,

.markdown-body ul,

.markdown-body ol,

.markdown-body dl,

.markdown-body table,

.markdown-body pre,

.markdown-body .admonition {

  margin-top: 0;

  margin-bottom: 16px;

}



.markdown-body hr {

  height: 4px;

  padding: 0;

  margin: 16px 0;

  background-color: #e7e7e7;

  border: 0 none;

}



.markdown-body ul,

.markdown-body ol {

  padding-left: 2em;

}



.markdown-body ul ul,

.markdown-body ul ol,

.markdown-body ol ol,

.markdown-body ol ul {

  margin-top: 0;

  margin-bottom: 0;

}



.markdown-body li>p {

  margin-top: 16px;

}



.markdown-body dl {

  padding: 0;

}



.markdown-body dl dt {

  padding: 0;

  margin-top: 16px;

  font-size: 1em;

  font-style: italic;

  font-weight: bold;

}



.markdown-body dl dd {

  padding: 0 16px;

  margin-bottom: 16px;

}



.markdown-body blockquote {

  padding: 0 15px;

  color: #777;

  border-left: 4px solid #ddd;

}



.markdown-body blockquote>:first-child {

  margin-top: 0;

}



.markdown-body blockquote>:last-child {

  margin-bottom: 0;

}



.markdown-body table {

  display: block;

  width: 100%;

  overflow: auto;

  word-break: normal;

  word-break: keep-all;

}



.markdown-body table th {

  font-weight: bold;

}



.markdown-body table th,

.markdown-body table td {

  padding: 6px 13px;

  border: 1px solid #ddd;

}



.markdown-body table tr {

  background-color: #fff;

  border-top: 1px solid #ccc;

}



.markdown-body table tr:nth-child(2n) {

  background-color: #f8f8f8;

}



.markdown-body img {

  max-width: 100%;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.markdown-body code,

.markdown-body samp {

  padding: 0;

  padding-top: 0.2em;

  padding-bottom: 0.2em;

  margin: 0;

  font-size: 85%;

  background-color: rgba(0,0,0,0.04);

  border-radius: 3px;

}



.markdown-body code:before,

.markdown-body code:after {

  letter-spacing: -0.2em;

  content: "\00a0";

}



.markdown-body pre>code {

  padding: 0;

  margin: 0;

  font-size: 100%;

  word-break: normal;

  white-space: pre;

  background: transparent;

  border: 0;

}



.markdown-body .codehilite {

  margin-bottom: 16px;

}



.markdown-body .codehilite pre,

.markdown-body pre {

  padding: 16px;

  overflow: auto;

  font-size: 85%;

  line-height: 1.45;

  background-color: #f7f7f7;

  border-radius: 3px;

}



.markdown-body .codehilite pre {

  margin-bottom: 0;

  word-break: normal;

}



.markdown-body pre {

  word-wrap: normal;

}



.markdown-body pre code {

  display: inline;

  max-width: initial;

  padding: 0;

  margin: 0;

  overflow: initial;

  line-height: inherit;

  word-wrap: normal;

  background-color: transparent;

  border: 0;

}



.markdown-body pre code:before,

.markdown-body pre code:after {

  content: normal;

}



/* Admonition */

.markdown-body .admonition {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  position: relative;

  border-radius: 3px;

  border: 1px solid #e0e0e0;

  border-left: 6px solid #333;

  padding: 10px 10px 10px 30px;

}



.markdown-body .admonition table {

  color: #333;

}



.markdown-body .admonition p {

  padding: 0;

}



.markdown-body .admonition-title {

  font-weight: bold;

  margin: 0;

}



.markdown-body .admonition>.admonition-title {

  color: #333;

}



.markdown-body .attention>.admonition-title {

  color: #a6d796;

}



.markdown-body .caution>.admonition-title {

  color: #d7a796;

}



.markdown-body .hint>.admonition-title {

  color: #96c6d7;

}



.markdown-body .danger>.admonition-title {

  color: #c25f77;

}



.markdown-body .question>.admonition-title {

  color: #96a6d7;

}



.markdown-body .note>.admonition-title {

  color: #d7c896;

}



.markdown-body .admonition:before,

.markdown-body .attention:before,

.markdown-body .caution:before,

.markdown-body .hint:before,

.markdown-body .danger:before,

.markdown-body .question:before,

.markdown-body .note:before {

  font: normal normal 16px fontawesome-mini;

  -moz-osx-font-smoothing: grayscale;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  line-height: 1.5;

  color: #333;

  position: absolute;

  left: 0;

  top: 0;

  padding-top: 10px;

  padding-left: 10px;

}



.markdown-body .admonition:before {

  content: "\f056\00a0";

  color: 333;

}



.markdown-body .attention:before {

  content: "\f058\00a0";

  color: #a6d796;

}



.markdown-body .caution:before {

  content: "\f06a\00a0";

  color: #d7a796;

}



.markdown-body .hint:before {

  content: "\f05a\00a0";

  color: #96c6d7;

}



.markdown-body .danger:before {

  content: "\f057\00a0";

  color: #c25f77;

}



.markdown-body .question:before {

  content: "\f059\00a0";

  color: #96a6d7;

}



.markdown-body .note:before {

  content: "\f040\00a0";

  color: #d7c896;

}



.markdown-body .admonition::after {

  content: normal;

}



.markdown-body .attention {

  border-left: 6px solid #a6d796;

}



.markdown-body .caution {

  border-left: 6px solid #d7a796;

}



.markdown-body .hint {

  border-left: 6px solid #96c6d7;

}



.markdown-body .danger {

  border-left: 6px solid #c25f77;

}



.markdown-body .question {

  border-left: 6px solid #96a6d7;

}



.markdown-body .note {

  border-left: 6px solid #d7c896;

}



.markdown-body .admonition>*:first-child {

  margin-top: 0 !important;

}



.markdown-body .admonition>*:last-child {

  margin-bottom: 0 !important;

}



/* progress bar*/

.markdown-body .progress {

  display: block;

  width: 300px;

  margin: 10px 0;

  height: 24px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background-color: #ededed;

  position: relative;

  box-shadow: inset -1px 1px 3px rgba(0, 0, 0, .1);

}



.markdown-body .progress-label {

  position: absolute;

  text-align: center;

  font-weight: bold;

  width: 100%; margin: 0;

  line-height: 24px;

  color: #333;

  text-shadow: 1px 1px 0 #fefefe, -1px -1px 0 #fefefe, -1px 1px 0 #fefefe, 1px -1px 0 #fefefe, 0 1px 0 #fefefe, 0 -1px 0 #fefefe, 1px 0 0 #fefefe, -1px 0 0 #fefefe, 1px 1px 2px #000;

  -webkit-font-smoothing: antialiased !important;

  white-space: nowrap;

  overflow: hidden;

}



.markdown-body .progress-bar {

  height: 24px;

  float: left;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background-color: #96c6d7;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .1);

  background-size: 30px 30px;

  background-image: -webkit-linear-gradient(

    135deg, rgba(255, 255, 255, .4) 27%,

    transparent 27%,

    transparent 52%, rgba(255, 255, 255, .4) 52%,

    rgba(255, 255, 255, .4) 77%,

    transparent 77%, transparent

  );

  background-image: -moz-linear-gradient(

    135deg,

    rgba(255, 255, 255, .4) 27%, transparent 27%,

    transparent 52%, rgba(255, 255, 255, .4) 52%,

    rgba(255, 255, 255, .4) 77%, transparent 77%,

    transparent

  );

  background-image: -ms-linear-gradient(

    135deg,

    rgba(255, 255, 255, .4) 27%, transparent 27%,

    transparent 52%, rgba(255, 255, 255, .4) 52%,

    rgba(255, 255, 255, .4) 77%, transparent 77%,

    transparent

  );

  background-image: -o-linear-gradient(

    135deg,

    rgba(255, 255, 255, .4) 27%, transparent 27%,

    transparent 52%, rgba(255, 255, 255, .4) 52%,

    rgba(255, 255, 255, .4) 77%, transparent 77%,

    transparent

  );

  background-image: linear-gradient(

    135deg,

    rgba(255, 255, 255, .4) 27%, transparent 27%,

    transparent 52%, rgba(255, 255, 255, .4) 52%,

    rgba(255, 255, 255, .4) 77%, transparent 77%,

    transparent

  );

}



.markdown-body .progress-100plus .progress-bar {

  background-color: #a6d796;

}



.markdown-body .progress-80plus .progress-bar {

  background-color: #c6d796;

}



.markdown-body .progress-60plus .progress-bar {

  background-color: #d7c896;

}



.markdown-body .progress-40plus .progress-bar {

  background-color: #d7a796;

}



.markdown-body .progress-20plus .progress-bar {

  background-color: #d796a6;

}



.markdown-body .progress-0plus .progress-bar {

  background-color: #c25f77;

}



.markdown-body .candystripe-animate .progress-bar{

  -webkit-animation: animate-stripes 3s linear infinite;

  -moz-animation: animate-stripes 3s linear infinite;

  animation: animate-stripes 3s linear infinite;

}



@-webkit-keyframes animate-stripes {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: 60px 0;

  }

}



@-moz-keyframes animate-stripes {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: 60px 0;

  }

}



@keyframes animate-stripes {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: 60px 0;

  }

}



.markdown-body .gloss .progress-bar {

  box-shadow:

    inset 0 4px 12px rgba(255, 255, 255, .7),

    inset 0 -12px 0 rgba(0, 0, 0, .05);

}



/* MultiMarkdown Critic Blocks */

.markdown-body .critic_mark {

  background: #ff0;

}



.markdown-body .critic_delete {

  color: #c82829;

  text-decoration: line-through;

}



.markdown-body .critic_insert {

  color: #718c00 ;

  text-decoration: underline;

}



.markdown-body .critic_comment {

  color: #8e908c;

  font-style: italic;

}



.markdown-body .headeranchor {

  font: normal normal 16px fontawesome-mini;

  line-height: 1;

  display: inline-block;

  text-decoration: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.headeranchor:before {

  content: '\e157';

}



.markdown-body .task-list-item {

  list-style-type: none;

}



.markdown-body .task-list-item+.task-list-item {

  margin-top: 3px;

}



.markdown-body .task-list-item input {

  margin: 0 4px 0.25em -20px;

  vertical-align: middle;

}



/* Media */

@media only screen and (min-width: 480px) {

  .markdown-body {

    font-size:14px;

  }

}



@media only screen and (min-width: 768px) {

  .markdown-body {

    font-size:16px;

  }

}



@media print {

  .markdown-body * {

    background: transparent !important;

    color: black !important;

    filter:none !important;

    -ms-filter: none !important;

  }



  .markdown-body {

    font-size:12pt;

    max-width:100%;

    outline:none;

    border: 0;

  }



  .markdown-body a,

  .markdown-body a:visited {

    text-decoration: underline;

  }



  .markdown-body .headeranchor-link {

    display: none;

  }



  .markdown-body a[href]:after {

    content: " (" attr(href) ")";

  }



  .markdown-body abbr[title]:after {

    content: " (" attr(title) ")";

  }



  .markdown-body .ir a:after,

  .markdown-body a[href^="javascript:"]:after,

  .markdown-body a[href^="#"]:after {

    content: "";

  }



  .markdown-body pre {

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

  }



  .markdown-body pre,

  .markdown-body blockquote {

    border: 1px solid #999;

    padding-right: 1em;

    page-break-inside: avoid;

  }



  .markdown-body .progress,

  .markdown-body .progress-bar {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

  }



  .markdown-body .progress {

    border: 1px solid #ddd;

  }



  .markdown-body .progress-bar {

    height: 22px;

    border-right: 1px solid #ddd;

  }



  .markdown-body tr,

  .markdown-body img {

    page-break-inside: avoid;

  }



  .markdown-body img {

    max-width: 100% !important;

  }



  .markdown-body p,

  .markdown-body h2,

  .markdown-body h3 {

    orphans: 3;

    widows: 3;

  }



  .markdown-body h2,

  .markdown-body h3 {

    page-break-after: avoid;

  }

}

/*GitHub*/

.codehilite {background-color:#fff;color:#333333;}

.codehilite .hll {background-color:#ffffcc;}

.codehilite .c{color:#999988;font-style:italic}

.codehilite .err{color:#a61717;background-color:#e3d2d2}

.codehilite .k{font-weight:bold}

.codehilite .o{font-weight:bold}

.codehilite .cm{color:#999988;font-style:italic}

.codehilite .cp{color:#999999;font-weight:bold}

.codehilite .c1{color:#999988;font-style:italic}

.codehilite .cs{color:#999999;font-weight:bold;font-style:italic}

.codehilite .gd{color:#000000;background-color:#ffdddd}

.codehilite .ge{font-style:italic}

.codehilite .gr{color:#aa0000}

.codehilite .gh{color:#999999}

.codehilite .gi{color:#000000;background-color:#ddffdd}

.codehilite .go{color:#888888}

.codehilite .gp{color:#555555}

.codehilite .gs{font-weight:bold}

.codehilite .gu{color:#800080;font-weight:bold}

.codehilite .gt{color:#aa0000}

.codehilite .kc{font-weight:bold}

.codehilite .kd{font-weight:bold}

.codehilite .kn{font-weight:bold}

.codehilite .kp{font-weight:bold}

.codehilite .kr{font-weight:bold}

.codehilite .kt{color:#445588;font-weight:bold}

.codehilite .m{color:#009999}

.codehilite .s{color:#dd1144}

.codehilite .n{color:#333333}

.codehilite .na{color:teal}

.codehilite .nb{color:#0086b3}

.codehilite .nc{color:#445588;font-weight:bold}

.codehilite .no{color:teal}

.codehilite .ni{color:purple}

.codehilite .ne{color:#990000;font-weight:bold}

.codehilite .nf{color:#990000;font-weight:bold}

.codehilite .nn{color:#555555}

.codehilite .nt{color:navy}

.codehilite .nv{color:teal}

.codehilite .ow{font-weight:bold}

.codehilite .w{color:#bbbbbb}

.codehilite .mf{color:#009999}

.codehilite .mh{color:#009999}

.codehilite .mi{color:#009999}

.codehilite .mo{color:#009999}

.codehilite .sb{color:#dd1144}

.codehilite .sc{color:#dd1144}

.codehilite .sd{color:#dd1144}

.codehilite .s2{color:#dd1144}

.codehilite .se{color:#dd1144}

.codehilite .sh{color:#dd1144}

.codehilite .si{color:#dd1144}

.codehilite .sx{color:#dd1144}

.codehilite .sr{color:#009926}

.codehilite .s1{color:#dd1144}

.codehilite .ss{color:#990073}

.codehilite .bp{color:#999999}

.codehilite .vc{color:teal}

.codehilite .vg{color:teal}

.codehilite .vi{color:teal}

.codehilite .il{color:#009999}

.codehilite .gc{color:#999;background-color:#EAF2F5}

README
html2canvas-php-proxy



PHP Proxy html2canvas



This script allows you to use html2canvas.js with different servers, ports and protocols (http, https),

preventing to occur “tainted” when exporting the <canvas> for image.


Others scripting language



You do not use PHP, but need html2canvas working with proxy, see other proxies:




Problems and solutions



When adding an image that belongs to another domain in <canvas> and after that try to export the canvas

for a new image, a security error occurs (actually occurs is a security lock), which can return the error:




SecurityError: DOM Exception 18


Error: An attempt was made to break through the security policy of the user agent.




If using Google Maps (or google maps static) you can get this error in console:




Google Maps API error: MissingKeyMapError




You need get a API Key in: https://developers.google.com/maps/documentation/javascript/get-api-key


If get this error:




Access to Image at ‘file:///…’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.




Means that you are not using an HTTP server, html2canvas does not work over the “file:///” protocol, use Apache, Nginx or IIS with PHP for work.


Follow



I ask you to follow me or “star” my repository to track updates


Run script in Cross-domain (data URI scheme)



(See details: brcontainer/html2canvas-php-proxy#9)




Note: Enable cross-domain in proxy server can consume more memory, but can be faster in execution it performs only one request at the proxy server.


Note: If the file html2canvasproxy.php is in the same domain that your project, you do not need to enable this option.


Note: Disable the “cross-domain” does not mean you will not be able to capture images from different servers, in other words, the “cross-domain” here refers to “html2canvas.js” (not necessarily the javascript file, but the place where runs) and the “html2canvas.php” are in different domains, the “cross-domain” here refers domain.




In some cases you may want to use this html2canvasproxy.php on a specific server, but the “html2canvas.js” and another server, this would cause problems in your project with the security causing failures in execution. In order to use security just set in the html2canvasproxy.php:


Enable data uri scheme for use proxy for all servers:


define('H2CP_DATAURI', true);


Disable data uri scheme:


define('H2CP_DATAURI', false);


Setup




Definition

Description



define('H2CP_PATH', 'cache');

Folder where the images are saved



define('H2CP_PERMISSION', 0666);

Set forlder permission (use 644 or 666 for remove execution for prevent sploits)



define('H2CP_CACHE', 60 * 5 * 1000);

Limit access-control and cache in seconds, define 0/false/null/-1 to not use “http header cache”



define('H2CP_TIMEOUT', 20);

Timeout from load Socket



define('H2CP_MAX_LOOP', 10);

Configure loop limit for redirects (location header)



define('H2CP_DATAURI', false);

Enable use of “data URI scheme”



define('H2CP_PREFER_CURL', true);

Prefer curl if avaliable or disable



define('H2CP_SSL_VERIFY_PEER', false);

Set false for disable SSL checking or true for enable (require config PHP.INI with curl.cainfo=/path/to/cacert.pem). You can set path manualy like this: define('H2CP_SSL_VERIFY_PEER', '/path/to/cacert.pem');



define('H2CP_ALLOWED_DOMAINS', '*');

* allow all domains, for subdomains use like this *.site.com, for fixed domains use , 'site.com,www.site.com' (string separed by commas)



define('H2CP_ALLOWED_PORTS', '80,443');

Config allowed ports (string separed by commas)



Usage





Note: Requires PHP5+






<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>html2canvas php proxy</title>

        <script src="html2canvas.js"></script>

        <script>

        //<![CDATA[

        (function() {

            window.onload = function(){

                html2canvas(document.body, {

                    "logging": true, //Enable log (use Web Console for get Errors and Warnings)

                    "proxy": "html2canvasproxy.php",

                    "onrendered": function (canvas) {

                        var img = new Image();

                        img.onload = function() {

                            img.onload = null;

                            document.body.appendChild(img);

                        };

                        img.onerror = function() {

                            img.onerror = null;

                            if(window.console.log) {

                                window.console.log("Not loaded image from canvas.toDataURL");

                            } else {

                                alert("Not loaded image from canvas.toDataURL");

                            }

                        };

                        img.src = canvas.toDataURL("image/png");

                    }

                });

            };

        })();

        //]]>

        </script>

    </head>

    <body>

        <p>

            <img alt="google maps static" src="http://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&amp;zoom=12&amp;size=800x600&amp;maptype=roadmap&amp;sensor=false">

        </p>

    </body>

</html>




Using Web Console



If you have any problems with the script recommend to analyze the log use the Web Console from your browser:

* Firefox: https://developer.mozilla.org/en-US/docs/Tools/Browser_Console

* Chrome: https://developers.google.com/chrome-developer-tools/docs/console

* InternetExplorer: http://msdn.microsoft.com/en-us/library/gg589530%28v=vs.85%29.aspx


Get NetWork results:

* Firefox: https://hacks.mozilla.org/2013/05/firefox-developer-tool-features-for-firefox-23/

* Chrome: https://developers.google.com/chrome-developer-tools/docs/network

* InternetExplorer: http://msdn.microsoft.com/en-us/library/gg130952%28v=vs.85%29.aspx


An alternative is to diagnose problems accessing the link directly:


http://[DOMAIN]/[PATH]/html2canvasproxy.php?url=http%3A%2F%2Fmaps.googleapis.com%2Fmaps%2Fapi%2Fstaticmap%3Fcenter%3D40.714728%2C-73.998672%26zoom%3D12%26size%3D800x600%26maptype%3Droadmap%26sensor%3Dfalse%261&callback=html2canvas_0


Replace [DOMAIN] by your domain (eg. 127.0.0.1) and replace [PATH] by your project folder (eg. project-1/test), something like:


http://localhost/project-1/test/html2canvasproxy.php?url=http%3A%2F%2Fmaps.googleapis.com%2Fmaps%2Fapi%2Fstaticmap%3Fcenter%3D40.714728%2C-73.998672%26zoom%3D12%26size%3D800x600%26maptype%3Droadmap%26sensor%3Dfalse%261&callback=html2canvas_0


Changelog



Changelog moved to https://github.com/brcontainer/html2canvas-php-proxy/blob/master/CHANGELOG.md


Next versions



Details of future versions are being studied, in other words, can happen as can be forsaken ideas.

The ideas here are not ready or are not public in the main script, are only suggestions. You can offer suggestions on issues.


    

  • Etag cache browser for use HTTP 304 (resources are reusable, avoiding unnecessary downloads)
    • 

  • Cache from SOCKET, if not specified header cache in SOCKET, then uses settings by DEFINE();

    • 

  • Rewrinte script using PSR-4

    • 

  • Support to composer

    •