Я попытался сохранить изображение холста в моей базе данных. Двоичный код был там, но проблема заключается в отображении.
Поэтому в основном у меня есть страница настройки, где вы будете создавать торт. Пока это еще не на холсте, используется только css. Это мой код, где происходит настройка (отображение):
<div class="ui-widget-header ui-corner-top">Display Cake</div> <div class="ui-widget-content ui-corner-bottom"> <div id="disp_card" class="disp_temp" style="width: 100%;border: none; z-index: 1;"></div></div>
Поэтому после этого у меня есть кнопка предварительного просмотра, где я конвертирую disp_card в изображение с помощью холста.
Вот код, который у меня есть:
<script type="text/javascript"> // gets the binary code of the canvas to save in the database var canvas1 = document.getElementById('preview_image'); var contextSource = canvas1.getContext('2d'); var canvasall = document.getElementById('preview_image'); var context = canvasall.getContext('2d'); context.drawImage(canvas1, 0, 0); var base64=""; $(function () { $("#submitBtn").bind("click", function() { base64 = $('#preview_image')[0].toDataURL(); $("#show_canvas").attr("src", base64); $("#show_canvas").show(); }); }); </script>
Это html:
<div id="savecanvas"> <canvas id="preview_image" width="600" height="400" style="margin: 0 auto;"></canvas></div>
После проектирования новое созданное изображение торта будет сохранено в моей базе данных.
Это php $ savecanvas = str_replace ('', '+', $ _POST ['canvas']); он работает правильно.
Надеюсь, кто-то может мне помочь. СПАСИБО