في أنشطة تسويق H5، غالبًا ما يتم إنشاء صورة ليتمكن المستخدمون من مشاركتها أو حفظها. في هذه الحالة، هناك حلان.
أحدهما هو السماح للواجهة الخلفية بإنشاء الصور وإرجاع عنوان الصورة إلى الواجهة الأمامية للعرض.
أحدهما هو دمج الواجهة الأمامية بشكل مستقل لإنشاء عرض صورة. تشرح هذه المقالة هذا الحل بشكل أساسي.
تجريبي
<!--IMG مخزنة بعد الإنشاء--><img src= id=saveImages <img src=> <div class=name pa></div> <div class=msg pa></div></div> < style>#saveContent{width: 7.5rem; الارتفاع: 12.27rem; 100%;}#saveContent .name{color: #7c5234;حجم الخط: .3rem;الأعلى: 6.55rem;ارتفاع الخط: .6rem;محاذاة النص: المركز;يسار: 0;يمين: 0;}#saveContent .msg{اللون: #7c5234؛حجم الخط: .24rem؛الأعلى: 7.35rem;text-align: center;left: 0;right: 0;}#saveContent .msgspan{ color: #cf5350; <!--استخدم أحدث إصدار من html2canvas--><!--الموقع الرسمي https://html2canvas.hertzen.com/--><script src=//html2canvas.hertzen.com/dist/html2canvas.min. js> </script><script src=//static.leiting.com/lib/jquery-1.9.0.min.js></script><script>// إنشاء $(function(){ var isCreate=false; $('a.create' ).on('click',function(){ isCreate=true; $('#saveContent img').attr('src','//activity.leiting.com/wd/201904/data/images/pop/1.jpg'); $('#saveContent .name').html('aaaaaa' ); $('#saveContent .msg').html('bbbbbbbbbb'); html2canvas(document.getElementById('saveContent'), { onrendered: function(ca) { $('#saveImages').attr('src',ca.toDataURL('image/jpeg')); } }); )})</script>ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.