• 十九、项目:像素艺术编辑器

    十九、项目:像素艺术编辑器

    原文:Project: A Pixel Art Editor

    译者:飞龙

    协议:CC BY-NC-SA 4.0

    自豪地采用谷歌翻译

    我看着眼前的许多颜色。 我看着我的空白画布。 然后,我尝试使用颜色,就像形成诗歌的词语,就像塑造音乐的音符。

    Joan Miro

    十九、项目:像素艺术编辑器 - 图1

    前面几章的内容为你提供了构建基本的 Web 应用所需的所有元素。 在本章中,我们将实现一个。

    我们的应用将是像素绘图程序,你可以通过操纵放大视图(正方形彩色网格),来逐像素修改图像。 你可以使用它来打开图像文件,用鼠标或其他指针设备在它们上面涂画并保存。 这是它的样子:

    十九、项目:像素艺术编辑器 - 图2

    在电脑上绘画很棒。 你不需要担心材料,技能或天赋。 你只需要开始涂画。

    • 组件
    • 状态
    • DOM 的构建
    • 画布
    • 应用
    • 绘图工具
    • 保存和加载
    • 撤销历史
    • 让我们绘图吧
    • 为什么这个很困难
    • 练习