用JS绘制草图

Question

我很难想到这一点

假设你有一个用JS构建的草图应用程序.例如:http://intridea.github.com/sketch.js/

并且您希望在绘制内容后存储用户的绘图.因此,每当有人访问该网站时,它都会加载所有以前的图纸.实时多用户绘图有点伪造,因为目前实时制作并不是一种选择.

服务器端我正在使用PHP和MySQL,我不知道这是否有用.

谢谢.

Answer 1

将'sketch.js'应用于(使用$('#myCanvas').sketch())的画布有一个被调用的函数toDataURL()(在HTML元素上,而不是jQuery元素).您可以将此功能返回的数据上传到您的服务器.

$('#upload').click(function () {
    $.post('/upload_image.php', { data: $('#myCanvas').get(0).toDataURL() }, function () {
         alert('uploaded');
    });
});

您可以通过加载发布到服务器的数据来恢复画布.例如,请参见:http://www.html5canvastutorials.com/advanced/html5-canvas-load-image-data-url/.