Scratch3.0 保存缩略图

修改原生组件

// 首先修改组件 RenderWebGL.js, 添加 preserveDrawingBuffer: true
// 文件地址 node_modules\scratch-render\src\RenderWebGL.js // 修改前
static _getContext (canvas) {return twgl.getWebGLContext(canvas, {alpha: false, stencil: true});
}// 修改后
static _getContext (canvas) {return twgl.getWebGLContext(canvas, {alpha: false, stencil: true, preserveDrawingBuffer: true});
}

获取画布对象，保存成图片到七牛云上

// 将类名为stage_stage_DTWo5的canvas对象转换成png对象
$("canvas.stage_stage_DTWo5")[0].toBlob(function (blob) {// 使用七牛保存文件需要使用npm七牛云的js组件let observable2 = qiniu.upload(blob, "保存的文件名", "七牛Token", {}, {});let observer2 = {next(res){console.log("作品缩略图上传进度：", res.total.percent+"%");},error(err){console.log("作品缩略图上传异常：", err);},complete(res){console.log("作品缩略图上传结果：", res);}}observable2.subscribe(observer2) // 上传开始
}, "image/png");

Scratch3.0 保存缩略图相关推荐

Scratch3.0中保存项目时，建议使用的扩展名是sb3
全国青少年编程等级考试Scratch 2019年05月考试二.判断题 26.Scratch3.0中保存项目时,建议使用的扩展名是sb3.( ) 答案:正确来试试在线直接答题吧(还有错题本功能) ...
Scratch3.0——助力新进程序员理解程序(案例一、画画的蝴蝶)
Scratch3.0--助力新进程序员理解程序(案例一.画画的蝴蝶) 前言一般来说,针对6-18岁的少年儿童开展的编程教育,现在,最常见的形式是线上和线下模式相结合的课外培训. 这里我用作让大朋友们 ...
scratch3.0自定义logo
本文将把scratch3.0的logo替换为我自己的logo. 最终效果图: scratch3.0是基于react的一个项目.整个项目就像一颗大树,顺着入口进去总能找到你要找的地方. 本次我们需要替换 ...
视频教程-沐风老师Scratch3.0快速入门视频课程-其他
沐风老师Scratch3.0快速入门视频课程沐风课堂创始人,专栏作家,独立媒体人,资深互联网从业者. 沐风老师 ¥20.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 ...
Scratch3.0——助力新进程序员理解程序(案例八、等差数列计算1)
Scratch3.0--助力新进程序员理解程序(案例八.等差数列计算1) 前言一般来说,针对6-18岁的少年儿童开展的编程教育,现在,最常见的形式是线上和线下模式相结合的课外培训. 这里我用作让大朋 ...
Scratch3.0——助力新进程序员理解程序(案例九、等差数列2)
Scratch3.0--助力新进程序员理解程序(案例九.等差数列2) 前言一般来说,针对6-18岁的少年儿童开展的编程教育,现在,最常见的形式是线上和线下模式相结合的课外培训. 这里我用作让大朋友们 ...
Scratch3.0——助力新进程序员理解程序(一、基础使用与运动)
Scratch3.0--助力新进程序员理解程序(一.基础使用与运动) 目录 Scratch3.0--助力新进程序员理解程序(一.基础使用与运动) 前言环境下载地址安装说明 1.菜单栏 2.功能栏 ...
Scratch3.0——助力新进程序员理解程序(难度案例一、节奏大师)
Scratch3.0--助力新进程序员理解程序(难度案例一.节奏大师) 目录 Scratch3.0--助力新进程序员理解程序(难度案例一.节奏大师) 前言环境下载地址安装说明 1.菜单栏 2.功 ...
Scratch3.0——助力新进程序员理解程序(十二、画笔)
Scratch3.0--助力新进程序员理解程序(十二.画笔) 目录 Scratch3.0--助力新进程序员理解程序(十二.画笔) 前言环境下载地址安装说明 1.菜单栏 2.功能栏 3.代码区 4 ...
scratch3.0 二次开发-基本介绍(第一章)
scratch3.0系列章节列表 scratch3.0 二次开发-基本介绍(第一章) scratch3.0二次开发运行scratch-gui项目并了解工程结构(第二章) scratch3.0二次自定义 ...

Scratch3.0 保存缩略图

修改原生组件

获取画布对象，保存成图片到七牛云上

Scratch3.0 保存缩略图相关推荐

最新文章

热门文章