Comicgen漫画图、手残党也能画漫画

开源指北

已于 2022-04-08 09:57:14 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：开源前端漫画文章标签： github javascript 动画

于 2022-03-23 21:45:20 首次发布

本文链接：https://blog.csdn.net/kyzb2022/article/details/123697337

Comicgen 是一个开源项目，让无论绘画技能如何的人都能创作漫画。通过简单的选择和定制，用户可以在HTML中使用JavaScript API创建漫画角色。支持在Illustrator、PowerPoint、Photoshop等编辑器中插入图片，还提供了字幕功能。Comicgen适用于多种浏览器，但不支持IE。无论你是创意青年、码农还是设计师，都能在Comicgen找到创作漫画的舞台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Comicgen:

哈喽，大家好，我是指北君。

大家是不是和指北君一样，对漫画家有着崇高的敬意，可自己提笔却总是“四不像”的惨状？那我们的漫画梦是否就此结束了？

答案当然是：达咩！

引用 Comicgen创始缘由来作为简介：“我们喜欢漫画。我们非常想创作连环画。但是有一个问题。我们中的一些人无法为坚果画一条直线。但是为什么这会阻止我们创作漫画呢？所以这是给我们自己和世界的礼物——漫画创作者。我们创建了 Comicgen 来帮助人们使用漫画写出更好的故事。”

也就是说，不管是谁，不管画技如何，都可以在这里实现一个漫画梦！下面就介绍一下 Comicgen这款开源项目。 Comicgen是一款可以画出不同形态不同任务的漫画项目。使用方式有多种（如下的用法），但本文主要介绍的是在HTML中的使用。

用法：

使用 Comicgen 的简单方法来自gramener.com/comicgen/

● 选择您的角色

● 保存图像

● 将其插入您最喜欢的编辑器 ------ Illustrator、PowerPoint、Photoshop 等（插件）。

具体的使用方式如下图：

1.进入官网，可以直接挑选你喜欢的角色，然后修改他的姿势、表情、是否使用镜像、以及所要导出图片的格式。

2.可以直接保存图片，或者复制代码，也可以修改背景颜色，移动并调整人物在图片中的位置。在新版本中，还可以调整人物衣物的颜色。

JavaScript API

要在选择器上显式运行 Comicgen，请运行comicgen(selector). 这使您可以动态创建或更改字符。

这是 jQuery 中的一个示例，展示了如何动态创建字符：

// Add the character
$('<g class="comicgen" name="priyanuova" angle="straight" emotion="blush" pose="handsheldback" x="40" y="-46" width="500" height="600"></g>').appendTo('body')
// Call comicgen()
comicgen('.new')

如果只想显示漫画人物的脸，可以通过跳过pose属性来实现。例如：

// Add only face of character
$('<g class="comicgen" name="priyanuova" angle="straight" emotion="blush" x="40" y="-46" width="500" height="600"></g>').appendTo<