كيفية حفظ قماش HTML5؟

StackOverflow https://stackoverflow.com/questions/2544260

  •  23-09-2019
  •  | 
  •  

سؤال

حاليا أنا أستخدم Canvas2Image لحفظ محتوى قماش HTML5 الخاص بي. ومع ذلك ، لا يبدو أنه يعمل في Google Chrome. أي أفكار حول كيفية العمل حول القضية مرحب بها. قون

هل كانت مفيدة؟

المحلول

canvas.toDataURL() يبدو أنه يعمل بشكل جيد في Chrome ، لذلك قد تكون مشكلة في المكتبة. يبدو أن وظيفة "تحويل القماش إلى الصورة" تعمل.

نصائح أخرى

استخدم هذا الرمز

<html>
<head>
<script src="base64.js" type="text/javascript"></script>
<script src="canvas2image.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="savecanvas" value="Save Image" onclick="savecanvasfile()"/>
</body>
</html>



<script>
function savecanvasfile(){
    var canvas = document.getElementById('canvas_name');
    var context = canvas.getContext('2d');
    var strDataURI = canvas.toDataURL();
    Canvas2Image.saveAsPNG(canvas);
}
</script>

قم بتنزيل هذه Canvas2Image.js و Base64.js وحفظها في المجلد المحلي لتشغيل هذا الرمز.

ستكون هذه متوفرة في الموقعhttp://www.nihilogic.dk/labs/canvas2image/

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var strDataURI = canvas.toDataURL("image/png;base64");
document.write('<img src="'+strDataURI+'"/>');

نعم لقد فعلتها! =)

ألق نظرة على www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasbox/default/canvasbox.js؟rev=239#ln1235. يمكنك رؤيته يعمل على http://www.thiagomata.com/codetodiagram/svn/experimental/canvasbox/classdiagram/classdiagram.html.

لجعل الصورة لا تظهر في المتصفح ولكن كن حمولة واحدة ، أحتاج إلى إنشاء ملف PHP بسيط: www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasbox/default/download.php؟rev=239

أحتاج إلى إنشاء قرب. html إلى المتصفح لا تحتفظ بك. www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasbox/default/close.html؟rev=239

سأقوم بعمل منشور كبير حول هذا الموضوع في thiagomata.blog.com ، لكنني أعتقد مع هذه الملفات ، ستتمكن بالفعل من العثور على الطريق.

ربما ، إذا قرأت هذا المنشور في المستقبل ، يمكن كسر رابط thiagomata.com لأنني سأقوم قريبًا بترحيل هذا المشروع إلى codetodiagram.com.

هذا هو! تياجو ماتا

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top