首页 新闻 搜索 专区 学院

canvas画出来的图JS怎么获取

0
悬赏园豆:20 [已解决问题] 解决于 2015-09-09 11:24
var imgs = mui("img");
            if (imgs.length > 0) {
                var _x = 25;
                var _y = 50;
                var width = 300;
                var heigth = 300;
                for (var i = 0; i < imgs.length; i++) {
                    var img = imgs[i];
                    if (img.getAttribute('data-type') == "content") {
                        if (i == 0) {
                            ctx.drawImage(img, _x, 50, width, heigth);
                        } else {
                            _y += heigth + 10;
                            ctx.drawImage(img, _x, _y, width, heigth);
                        }
                    }
                }
                ctx.font = "16px 正楷";
                ctx.fillText(Diary_Content, _x, 30);
            }

循环画图,最多的时候3张,画完以后,在最顶部画上标题。现在我如何通过JS获取画出来的这一整图。求指导。

问心、的主页 问心、 | 初学一级 | 园豆:94
提问于:2015-09-06 16:05
< >
分享
最佳答案
0

toDataURL

收获园豆:20
✎﹏ℳ๓₯㎕ღ | 小虾三级 |园豆:1497 | 2015-09-06 16:21

cv.toDataURL? 还是document?

问心、 | 园豆:94 (初学一级) | 2015-09-06 16:22

@问心、: cv

✎﹏ℳ๓₯㎕ღ | 园豆:1497 (小虾三级) | 2015-09-06 16:22

@MrLenon: 本地路径怎么获取。

问心、 | 园豆:94 (初学一级) | 2015-09-06 16:35

@问心、: cv.toDataURL的返回值就是本地路径

✎﹏ℳ๓₯㎕ღ | 园豆:1497 (小虾三级) | 2015-09-06 16:36

@MrLenon: 我拿到的是这么一串。 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAPoCAYAAACWJ5ZbAAAgAElEQVR4Xuy9WbCm11Wm+Z15zpNzpjJTUqZsS0LIsjwI7KIYqooGXA0UNGasAhvP82ygqI6OqI7qvujoiO6Ijrrqq6ajqqeLuqmAKspAAabANsY2xgbbkjVaSqWU85nHfp937ff/f/v+nIuM75cyzvT/37e/tfde613vGvZY1796CfQS6CXQS+BQJTB2qHfrb9ZLoJdAL4FeAl2vePtF0Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl0CvePs10Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl0CvePs10Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl0CvePs10Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl0CvePs10Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl0CvePs10Eugl0AvgUOWQK94D1ng/e16CfQS6CXQK95+DfQS6CXQS+CQJdAr3kMWeH+7XgK9BHoJ9Iq3XwO9BHoJ9BI4ZAn0iveQBd7frpdAL4FeAr3i7ddAL4FeAr0EDlkCveI9ZIH3t+sl0Eugl8ChKN6PfOT9+xsbG9342GQ3PTvVra2udwsLR7oXLz/fnT57qtvb2+u2Nne68cmJbmNjXbMy0e1v73Y7u5vd/n7XTU9MdFu7u93szHx348aNbvHIQrexclvX67q5uflubXO32+92upmZmW5M11paOtLdunm747fjk1O65ka3u73TTUyOdVPT092urjum6+6Njesee92Evo7tj3dTM5Pd6upqt7253o2NT+r9k92+7jE/N6PfbXXbuzvdZFszk/rb+tpGNz012Y3pYps7u92urzGl927rzrt+5/bWbjel946Pj/s5x/Usuzs79f14121ubnaz83Pd5sZ2xzUnp8a7m9evd0vLy93O1rZlsr+/p/GMa9y7ksx4Nzele2gsGrWuMdHtMUi9dnRXC8wv/W1sonvhpcvd7Zur3db2hq7fde9+77u7Z55+tnvyyae7c+fu0tenuildj/EsLsx5vDMLs5LJmOQ5161vbXRz80vd2ZOnulu3bum9493+3q7lM6lnndAzbOt5tja29JxT3eb6ejczO9utrW90R48et+z1yH6GfU3Y1PiU54LJ293V82lNMC87uj/zvLG+1c3q8zwrk7Sne/lpPJ4Z3Xusu6m5nZ+f7RYXF7t13W93b1v/9B5dc1wPub2+qXGNW+ZaEN2O7j09PSuJSEbIkPnWtdc3NiWTCSTVTUqO29vbet90t6Pn4euExsP81FyNa5x6n96/qWvsSv5TksG47rkwP9/dvr2qz23pvrVC9vb2tXa0tjyOMc1RZ3lyPWSmAdR4dC/manJistsd53n39Gzz3f6OVvR23Zvn5nOTmifmF1ky76wJ5oL5u7V2U+Ob0PqYkhxndT+tD+TB+3jCCY1B19rQM8/MTHsukV/GOjs74+93JUjus6l9ePLk8e7Gzavdltbh7MyS55Lxzs0u+Fqdxrul969qH8xOz+jfdLe3IxnOznX7ekj26pL2Z9a6pCKZanyai9u3b+vz492LL77YnT59Wmto08+2sLDYHdP+Xdd+m9A4NjS/rOjJ8T1dh7doV7PG9W9cMpybm+02tF+5J3t6SnJkHrc0zuW2h7jP7Mxst3L7lveYprubZv1p3zBPzPOUZLK2vibp7Xcf/thvHbhePPAbMJkf+MD7JKt9LyCEwiaanKwFzj8mZmpqort2/WUvOjbmujYPi58NMjVVn5Oou5W1VU3OQrerxTAnYfN7Nt+MJolNsb23pXU80c3osxtarHNzc1LqtYC5F4t0TMLe5WctWn6H4Le1yJeOLntyprQ4apL3vUCmpyetDHINvvKP8e3pPeuasOmpaS1uNoI2CopRCgyN43Frkie12XllTHvavFyfzcp4pb79vlr8u1bK2mJSFDIouj8KaltyKTlO++u4Fo4VlDYVa5HFsynFNeGfx7QRp7unnnrK79nRhjhx8lj3oz/2jyy/x7/5hBSqFOsKinGiW9EznDx2fLChPNx9KX3GpPmaQglJmY7L0Mxpk6FJkPuYnpn55B9jGpOyWd+SktAzTU/OaNPueA55IfsN/W1aCpr3I8MJKfLdPSkfGS0rTikuZMP3O9tb3ly81wpCj8rG2dbvJ7TBuB/zgoy5VsawtbXl90WJxuhxfz7DP/6GkWX+UUBrUh5z81JgUqCMD5nwHl58fm1tzUaRF59HqZw4ccIGkzXGezY21wwOSpnVeJARY+HeMwIdW3r+7S0pN/2Oe3B/rjc5jRGTEWVNMqfcF5XZnj/rNM/IZ/M9Rh4ly8+Li0syTFLCnpcaL2NBsa5vSPFMsHbqb7u7MpbaWzdv3pKRPOrPx9jwPJE78uX3vFDCU1pXq3quea0fZL0pkMR757S/d6Twt7RO5haW/Gz8nvU3r/vvSLnOzy/6/d57uhbPvY3xQBs2mZ05c8rPsC4Aw+d5CmTMi/2Crlhn/2u98z3Kdl8GYMxjlPHawTBp/ej+84sLXrc8L8+UtbAvoLQnJc51eR+Kelb6ZGVlpfuN3/wXB64XD/wGCOt9H3i3pMFE7/lBWfAo2ChdJsZoFcWl99y8cU1CmNaGknA0GXyGhY6lBbmxiBEgCwKFhhIHPY0JOYF8Zuamu8svvNAdO3qiFjZol0UOUrCxlIKQkmbRsMhBTFhOFkJthl1b5fX1VSvgaY0Nzbap94NWGJPRqf4xdqNWUJo+P1RAY4WCWUxaD+NNSWyCnLUwUC58ZmNDVrYhTpQl9wryQimtGYELBWqRg7IK5Y577Cg3FNWkkDrXYNHYorNB9N4JKWvQIeNjQd517nT36KOP2HhN6vkYL8gGrwED4o0mRImC2ZEy3JDxWxVCOiIUwljXpFjG9HfuBWpkc/B7b1LmTsJFUXItKx7pU+QTWfE7qchuArCUZ2hKyUZNG7AUlsYiOU8gOCkJb2Bde1coMAqhjHUpyM0toV7dx4ZQOkv6y++d1sbc1jNGeWZu+BkZT00LIWrcGLQJIXGuzb2yQaNkubYRtxQnf1tdXdF6ndf3oCVtesmENc2Ldcw4UMI8N+MEoU5PCe1qnFH6zAnv49re/NuSjRQTCoN9IhU4UPy5P5/leXf1kLOsSb0rf0OJlFLimXe7hcVSiqC+W7du+nlnZpsR25/W2ISe9QL5sq8yFit6Nole5X1ieKXcZHCnpSRX5a1y3QUpVp4ZUFKAZqbNqdCv1sTKLXlZep6lpQWDAAMt9peuA6rYlPG0AZb8X3rxilEv3tItrU3Q89EjRzyGFRm8OXlWrPPV1dv6/bKV9w09UwDTKSFz9ggvfoexQ7/4mbUGIiPkXHuhjD7zMqNxATr4G+/n9bGP/8aB68UDvwEP8t53v2efRcsEXZMbfVYu7u2bLN5yb5hIu1RaNCiYG1K8O7gL+j0CZIMvLS35vXa3US4gvoZEEBqbkL/tatGta4

问心、 | 园豆:94 (初学一级) | 2015-09-06 16:38

@问心、: 对就是他

✎﹏ℳ๓₯㎕ღ | 园豆:1497 (小虾三级) | 2015-09-06 16:39

@MrLenon: 啊。我想要就是比如c://a.jpg这样的怎么获取。

问心、 | 园豆:94 (初学一级) | 2015-09-06 16:40

@问心、: 这拿到的就是个图片啊,下一步无论是展示还是保存都可以啊

✎﹏ℳ๓₯㎕ღ | 园豆:1497 (小虾三级) | 2015-09-06 16:43

@MrLenon: 那我怎么才能拿到一个物理路径啊。

问心、 | 园豆:94 (初学一级) | 2015-09-06 16:46

@问心、: 这个图片现在是没有物理路径的是存在内存的,你需要进行存储 click

✎﹏ℳ๓₯㎕ღ | 园豆:1497 (小虾三级) | 2015-09-06 16:50
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册