本文将React用作框架。样式和布局相对简单,因此请勿谈论它,代码最终将其放在最后。
基本布局
使用使用效果时,初始化画布。
同时,将判断条件添加到右侧的画布中。当您单击按钮时,将显示。
但是,为什么我们要在此处使用样式来表现判断?这是因为避免右侧时报告了错误以避免元素。
画布有两种方法:
通过getimagedata()复制画布上指定的像素数据,然后通过putimagedata()将图像数据放回画布中
示例代码:
单击开始图片时,请调用Handleclick方法
还不错,最后一步仍然更糟,下载图片,您将完成La la la la la
app.css
app.js
原始:https://juejin.cn/post/7100123402660216863