Html2canvas: الصورة لا تظهر في نافذة جديدة على كروم !!

تم إنشاؤها على ١٦ فبراير ٢٠١٨  ·  3تعليقات  ·  مصدر: niklasvh/html2canvas

وظيفة convertToCanvasAndPrint () {
html2canvas (document.getElementById ("PositionChartMainDiv")). ثم (الوظيفة (canvas) {
var img = canvas.toDataURL () ،
window.open (img) ؛
}) ؛
}

أنا أستخدم مكتبة 1.0.0-alpha.10 js ، في chrome أعلاه وظيفة تفتح نافذة جديدة فارغة. ومع ذلك ، يتم تقديم الصورة على 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 في نافذة جديدة ولكن على الكروم ، تكون النافذة الجديدة فارغة ولا يوجد محتوى في هيكلها. لماذا هذا الاختلاف في السلوك؟ لا يمكنني حقًا مشاركة المحتوى بالكامل على jsfiddle لأن المحتوى كبير جدًا.

ABHIKSINGHH الحل:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات