如何用 C 语言画「心形」？

在我们IT行业每天面对的就是敲代码，所以很多人无法接受这份工作，因为很无聊也很枯燥，长期工作会使人情绪低落，其实我们编程很多时候也有有趣的地方，接下来我就用一个简单的c语言作图来缓解一下气氛。

新的一年开始了，是时候作出改变了。

以下为用C语言画心形的三种方式（附代码）

画心1

关于%*.*s

小数点.后“*”表示输出位数，具体的数据来自参数表

printf格式字符串中，与宽度控制和精度控制有关的常量都可以换成变量，方法就是使用一个“*”代替那个常量，然后在后面提供变量给“*”。

同样，小数点.前也可以添加*，也要用户输入一个位宽值来代替，表示输出的字符所占位宽。

也就是说，前面定义输出总宽度，后面定义输出字符个数。

printf("%*.*s\n", 50, 3, a); // 50表示此次输出占位宽，

//3表示输出a数组的三个字符

画心2

画心3

Linux上通过framebuffer将jpeg图片画在屏幕上

安装JPEG库

1.解压jpeg源码 tar -xzvf jpegsrc.v8a.tar.gz

2.在/home/xxx下新建jpeg目录 mkdir jpeg

3.进入jpeg源码目录jpeg-8a cd jpeg-8a

4.生成makefile脚本 ./configure --prefix=/home/xxx/jpeg

5.编译 make

6.安装 make install

安装完毕后就可以在/home/xxx/jpeg目录下看到 jpeg解码库

配置JPEG库

#include <unistd.h>

#include <stdio.h>

#include <stdlib.h>

#include <fcntl.h>

#include <linux/fb.h>

#include <sys/mman.h>

#include <sys/ioctl.h>

#include <errno.h>

#include <string.h>

#include "jpeglib.h"

typedef struct Tag_RGB

{

unsigned char ucRed;

unsigned char ucGreen;

unsigned char ucBlue;

}St_RGB;

int main (int agrc, char *argv[])

{

int fp=0;

struct fb_var_screeninfo vinfo;

struct fb_fix_screeninfo finfo;

fp = open("/dev/fb0",O_RDWR);

if (fp < 0)

{

printf("Error : Can not open framebuffer device\n");

exit(EXIT_FAILURE);

}

if (ioctl(fp,FBIOGET_FSCREENINFO,&finfo))

{

printf("Error reading fixed information\n");

exit(EXIT_FAILURE);

}

if (ioctl(fp,FBIOGET_VSCREENINFO,&vinfo))

{

printf("Error reading variable information\n");

exit(EXIT_FAILURE);

}

printf("The mem is :%d\n", finfo.smem_len);

printf("The line_length is :%d\n", finfo.line_length);

printf("The xres is :%d\n", vinfo.xres);

printf("The yres is :%d\n", vinfo.yres);

printf("bits_per_pixel is :%d\n", vinfo.bits_per_pixel);

unsigned long screensize = 0;

screensize = vinfo.xres * vinfo.yres * vinfo.bits_per_pixel / 8;

//这就是把fp所指的文件中从开始到screensize大小的内容给映射出来，

//得到一个指向这块空间的指针

unsigned char *fbp =(unsigned char *)mmap(0, screensize, PROT_READ|PROT_WRITE

, MAP_SHARED, fp, 0);

if (fbp == (unsigned char*)-1)

{

printf ("Error: failed to map framebuffer device to memory./n");

exit (EXIT_FAILURE);

}

unsigned int location = 0;

struct jpeg_decompress_struct jinfo;

struct jpeg_error_mgr jerr;

/*Bind error handler*/

jinfo.err = jpeg_std_error(&jerr);

/*init jpeg decompress object*/

jpeg_create_decompress(&jinfo);

/*Bind jpg data object*/

FILE * pfJPG = fopen(argv[1], "rb");

if(NULL == pfJPG)

{

printf("open %s failed. error->%s\n", argv[1], strerror(errno));

jpeg_destroy_decompress(&jinfo);

}

else

{

jpeg_stdio_src(&jinfo, pfJPG);

jpeg_read_header(&jinfo, TRUE);

/*Start decompressing*/

jpeg_start_decompress(&jinfo);

/*Only get decompress arguments*/

//jpeg_calc_output_dimensions(&jinfo);

printf("Output Width = %d\n",jinfo.output_width);

printf("Output Height = %d\n",jinfo.output_height);

//Color Channel

printf("Output Components = %d\n",jinfo.output_components);

unsigned char** ppucRowData = NULL;

ppucRowData = (*jinfom->alloc_sarray)((j_common_ptr) &jinfo, JPOOL_IMAGE

, jinfo.output_width * jinfo.output_components, 1);

unsigned int i = 0;

unsigned int j = 0;

St_RGB stColor = {0};

while (jinfo.output_scanline < jinfo.output_height) //jinfo.output_height

{

jpeg_read_scanlines(&jinfo, ppucRowData, 1);

for (i=0; i<jinfo.output_width; i++)

{

location = i*(vinfo.bits_per_pixel/8)+j*finfo.line_length;

stColor.ucRed = ppucRowData[0][i*jinfo.output_components];

stColor.ucGreen = ppucRowData[0][i*jinfo.output_components+1];

stColor.ucBlue = ppucRowData[0][i*jinfo.output_components+2];

/*直接赋值来改变屏幕上某点的颜色*/

*(fbp + location) = stColor.ucBlue;

*(fbp + location + 1) = stColor.ucGreen;

*(fbp + location + 2) = stColor.ucRed;

*(fbp + location + 3) = 0; /*是否透明*/

}

j++;

}

/*Finish Decompress*/

jpeg_finish_decompress(&jinfo);

/*Destroy Decompress Object*/

jpeg_destroy_decompress(&jinfo);

fclose(pfJPG);

}

munmap (fbp, screensize); /*解除映射*/

close (fp);

return 0;

}

编译：gcc heart.c -o ourheart -ljpeg

运行：./ourheart

如何使用 CSS 代码制作一个简易爱心，编程狮教你

怎么使用 CSS 绘制一个爱心【附爱心代码】分析：爱心可以通过一个正方形+两个圆形组合成。先画一个正方形+圆形, 摆放位置如下:

再添加上一个圆形。

最后再将整个图形顺时针旋转45度即可。

初步实现先画一个正方形：

<body> <div id="heart"></div> </body>

#heart{ height: 300px; width: 300px; border: 2px solid black; }给这个正方形的左边加行一个圆形.这里使用伪类:before来实现：

#heart{ height: 200px; width: 200px; border: 2px solid black; position: relative; } #heart:before{ content: ''; width: 200px; height: 200px; border: 2px solid black; border-radius: 50%; // 正方形加圆角变成圆 position: absolute; left: -100px; // 向左位移正方形一半的长度 }

此时图形长这样：

再添加一个圆形, 这里使用after伪类来实现。

#heart{ height: 200px; width: 200px; border: 2px solid black; position: relative; } // 这里偷个懒.直接写一块了 #heart:before,#heart:after{ content: ''; width: 200px; height: 200px; border: 2px solid black; border-radius: 50%; position: absolute; left: -100px; } // 第二个圆, 只需要向上位移正方形一半的高度 #heart:after{ left: 0; top: -100px; }

最后一步, 旋转一下, 然后上个颜色.去掉之前为了看清楚加的边框。

/*给heart进行旋转并加上颜色*/ transform: rotate(45deg); background-color: red;

完整代码：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body, html { display: flex; align-items: center; justify-content: center; height: 100vh; } #heart { height: 200px; width: 200px; /*border: 2px solid black;*/ position: relative; transform: rotate(45deg); background-color: red; } #heart:before, #heart:after { content: ''; width: 200px; height: 200px; /*border: 2px solid black;*/ border-radius: 50%; position: absolute; left: -100px; background-color: red; } #heart:after { left: 0; top: -100px; } </style></head><body> <div id="heart"></div></body></html>