一、Photofunia官网、Photopia官网下载
Photofunia、Photopia是Photopea的两个流行插件内容提供者，不论是PS大佬还是新手菜鸟都可以通过这两个网站充分发掘创造性，并在Photopea中得以体现。这两个网站有一个共同的特点，就是都有一个类似造物机器的在线编辑器，可以让用户快速、方便地选用和编辑各种图片，也便于与Photopea进行互动操作。同时，这两个网站也提供了大量的教学教程、视频教程，有助于新手更快掌握图像处理的基础知识。
二、01 Photopea
01 Photopea这个小工具网站不仅为用户展示了Photopea的各种功能，还展示了一些Photopea的实例图片。这个网站最大的作用是能够让用户了解Photopea这个工具的强大玩法和应用场景。同时，该网站还有许多操作视频和教程的语音播报内容，对于初学者或者喜欢慢慢体验的用户来说，是个可以上手操作的利器。
三、Photoshop官网入口
对于PS（Photoshop）爱好者和专业人士而言，PS的操作方式与所需的专业技能已经成为了业界标准。作为华丽的PS的热门替代品，Photopea也对这一行业施加了很大的压力。但对于不得已而使用Photopea的用户，相比于PS而言，Photopea的操作难度和学习成本要更低一些，同时，它的功能和工具面板也与PS非常相似。若是对Photopea不熟悉，或是在外的时候临时需要用到比较简单的图像处理工具，可以通过Photoshop官网入口进入Photopea的应用。
四、Photo官网
相比于Photopea和Photoshop等软件，Photo官网提供的服务内容更加简单方便。它是一款在线的免费图片编辑器，可以快速编辑各种高质量的图片，支持图片裁剪、大小调整、滤镜等多个功能，同时拥有海量的素材库可以直接使用。与Photopea非常类似，但是对比Photopea的功能还是相对简单一些。
五、Photomath官网、Photogrid官网、Photoplus官网
这三个网站的共同特点是都提供了在线的图片编辑器和过滤器。它们提供了一些有趣的图片素材，可以进行不同的编辑和操作，图像风格多样。比如在Photomath官网中用户可以借助智能拍照扫描仪将作业、文档、白板即时转成PDF。在Photoplus官网上，用户可以上传自己的照片或者从图库中选择照片，然后进行调整和编辑。再加上被渲染成酷炫样式的各种饰品，可以让用户快速地打造一张震撼的海报。在Photogrid官网上，用户可以将多张照片制作为一个强大的拼图覆盖，常见的场景包括朋友圈拼图、商业推广图、拼接全景照等。它们都非常适合那些追求个性化的用户，同时也是Photopea的理想补充。
六、Photozone官网、Photolemur官网
Photozone官网和Photolemur官网是两个与Photopea相关的优秀网站。前者是一个专门应用于在线摄影与设计社交的平台，其中包括了一个全球的图片素材下载区和社交区，用户可以在这里免费下载各种精美的图片素材，并上传自己的摄影作品与他人分享交流。后者则是一种完全电脑控制的图像优化软件，它能够智能地分析每个图像所需的优化因素，并对其进行优化处理，最终使得每张图像都具有完美的视觉效果。这两个网站提供的服务可能与Photopea的本身的应用有些许重合，但它们有不同的方向推进，让用户可以更好地探索和发挥自我创造性。
代码部分
图片滤镜处理：
var img = document.getElementById("img");
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.filter = "grayscale(100%)";
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
document.getElementById("filtered-img").src = dataURL;
旋转图片：
var img = document.getElementById("img");
var canvas = document.createElement("canvas");
canvas.width = img.height;
canvas.height = img.width;
var ctx = canvas.getContext("2d");
ctx.translate(canvas.width / 2, canvas.height / 2);
ctx.rotate((90 * Math.PI) / 180);
ctx.drawImage(img, -img.width / 2, -img.height / 2);
var dataURL = canvas.toDataURL("image/png");
document.getElementById("rotated-img").src = dataURL;
图片裁剪：
var img = document.getElementById("img");
var canvas = document.createElement("canvas");
canvas.width = 200;
canvas.height = 200;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 50, 50, 100, 100, 0, 0, 200, 200);
var dataURL = canvas.toDataURL("image/png");
document.getElementById("cropped-img").src = dataURL;
