Html2canvas: Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ отобраТаСтся Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π² Chrome!!

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 16 Ρ„Π΅Π²Ρ€. 2018  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: niklasvh/html2canvas

функция convertToCanvasAndPrint() {
html2canvas(document.getElementById("PositionChartMainDiv")).then(function(canvas) {
var img = canvas.toDataURL();
ΠΎΠΊΠ½ΠΎ.ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ(ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅);
});
}

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ js-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ 1.0.0-alpha.10, Π² Ρ…Ρ€ΠΎΠΌΠ΅ Π²Ρ‹ΡˆΠ΅ функция ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΊΠ°ΠΊ пустоС. Однако Π² Firefox ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ отобраТаСтся. ΠŸΠΎΡ‡Π΅ΠΌΡƒ это Ρ‚Π°ΠΊ?

Needs More Information

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

@ABHIKSINGHH РСшСниС:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’ этом вопросС я Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ ΠΌΠΎΠ³Ρƒ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡ‡ΡŒ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΠΎ своСй ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅, слСдуйтС инструкциям ΠΏΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ jsfiddle Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.

@niklasvh : я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ снимок большой ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ схСмы ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅. Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° находится Π²Π½ΡƒΡ‚Ρ€ΠΈ div(id=PositionChartMainDiv). Но ΠΊΠΎΠ³Π΄Π° я Π²Ρ‹Π·Ρ‹Π²Π°ΡŽ ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ Π²Ρ‹ΡˆΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒΒ», Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° открываСтся Π² Firefox Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Π½ΠΎ Π² Chrome Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ пусто Π±Π΅Π· содСрТимого Π² Π΅Π³ΠΎ Ρ‚Π΅Π»Π΅. ΠŸΠΎΡ‡Π΅ΠΌΡƒ такая Ρ€Π°Π·Π½ΠΈΡ†Π° Π² ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ? Π― Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ всСм ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π½Π° jsfiddle, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ большой.

@ABHIKSINGHH РСшСниС:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});
Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ