javascript - 用JS画草图

标签 javascript canvas

我很难思考这个问题

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

并且您希望在用户绘制某些内容后存储他们的绘图。这样,每当有人访问该网站时,它就会加载所有以前的图纸。这有点假实时多用户绘图,因为目前还无法实现真正​​的实时绘制。

服务器端我正在使用 PHP 和 MySQL,我不知道这是否有什么好处。

谢谢。

最佳答案

您应用“sketch.js”的 Canvas (使用 $('#myCanvas').sketch())有一个名为 toDataURL() 的函数> (在 HTML 元素上,而不是 jQuery 元素上)。您可以将此函数返回的数据上传到您的服务器。

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

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

关于javascript - 用JS画草图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7330748/

相关文章:

javascript - 在 Canvas 中绕原点旋转一个点

android - 在 Android Canvas 上绘制移动网格?

html - 将 font-face 字体与 Canvas fillText 一起使用

javascript - 跨域 HTML Get 请求

javascript - 异或 : are these two equivalent?

Javascript 随机报价生成器 - 如何在页面首次加载时显示报价

javascript - 如何动态绘制 "pretty"贝塞尔曲线?

javascript - 格式化线性刻度大数将G替换为B

javascript - 打开子页面(弹出页面)时如何模糊/禁用父组件?

javascript - 绘制多边形并计算面积