weixin_30892987

OpenGL字体绘制

/*

 glfont.hpp

 sdragonx 2019-08-15 00:03:33

 opengl字体类，提供初学者参考学习

opengl初始化之后，创建字体
font.init(L"微软雅黑", 32, 512);

然后在绘制函数里面添加以下测试代码：

//开启2D模式，后面的800x600要根据窗口的实际客户区大小设置，不然缩放之后效果不好
push_view2D(0, 0, 800, 600);

wchar_t* str = L"abcdef字体绘制abcdef？123456ijk微软雅黑";

font.color = vec4ub(255, 255, 255, 128);
font.print(0, 0, str, wcslen(str));

font.tab_print(0, 32, L"abc\t123456\t7890", TEXT_MAX);

wchar_t* tabled = L"abcdef字体绘制\tabc制表符\t123456";
font.color = vec4ub(255, 0, 0, 255);
font.tab_print(0, 64, tabled, wcslen(tabled));

font.color = vec4ub(255, 0, 0, 255);
font.draw_text(0, 200, 200, 400, str, wcslen(str), PT_LEFT);
font.color = vec4ub(0, 255, 0, 255);
font.draw_text(300, 200, 200, 400, str, wcslen(str), PT_CENTER);
font.color = vec4ub(255, 0, 255, 255);
font.draw_text(600, 200, 200, 400, str, wcslen(str), PT_RIGHT);

pop_view();
//代码结束

*/
#ifndef GLFONT_HPP_20190815000333
#define GLFONT_HPP_20190815000333

#include 

#include 
#include 
#include 

//opengl头文件，根据环境更改
#ifdef __glew_h__
	#include 
#elif defined(__glad_h_)
	#include 
#else
	#include 
#endif

#if defined(__GNUC__) || defined(__clang__)
	#define TYPENAME typename
#else
	#define TYPENAME
#endif

#define CGL_DEFAULT_FONT_SIZE 16	//默认字体大小
#define TEXT_MAX UINT32_MAX 		//0xFFFFFFFF

namespace cgl{

#pragma pack(push, 1)

//大纹理里面小图块结构
class teximage
{
public:
	typedef teximage this_type;

public:
	intptr_t image;					//纹理
	uint16_t x, y, width, height;	//小图在大图里面的位置信息
	float u1, v1, u2, v2;			//小图的uv坐标信息

public:
	teximage():image(), x(), y(), width(), height(), u1(0.0f), v1(0.0f), u2(1.0f), v2(1.0f)
	{
	}

	this_type& operator=(const this_type& div)
	{
		image = div.image;
		x = div.x;
		y = div.y;
		width = div.width;
		height = div.height;
		u1 = div.u1;
		v1 = div.v1;
		u2 = div.u2;
		v2 = div.v2;
		return *this;
	}
};

//字符信息
//如果一个字符需要输出到left、top的位置，字符实际位置是left+x、top+y
//输出完毕之后，下一个字符的位置是left+next_x、top+next_y
struct char_info
{
	int16_t x;	//字符偏移位置
	int16_t y;
	int16_t next_x;//字符大小，下一字符偏移位置
	int16_t next_y;
};

//vec3
template
struct vec3
{
	T x, y, z;
};

typedef vec3 vec3i;
typedef vec3 vec3f;

//vec4
template
struct vec4
{
	union{
		T data[4];
		struct{
			T x, y, width, height;
		};
		struct{
            T red, green, blue, alpha;
        };
    };

	vec4() : x(), y(), width(), height(){/*void*/}
	vec4(T vx, T vy, T vw, T vh) : x(vx), y(vy), width(vw), height(vh){/*void*/}
};

typedef vec4 vec4i;
typedef vec4 vec4f;
typedef vec4 vec4ub;


template
struct vtx3t2c4
{
	typedef vtx3t2c4 this_type;
	typedef vec4 color_type;

	VT x, y, z;
	TT u, v;
	color_type color;

	vtx3t2c4() : x(), y(), z(), u(), v(), color(){/*void*/}
	vtx3t2c4(const vec3& vtx, TT tu, TT tv, const color_type& cc) :
		x(v.x), y(v.y), z(v.z), u(tu), v(tv), color(cc) { /*void*/ }

	vtx3t2c4(VT vx, VT vy, VT vz, TT vu, TT vv, const color_type& cc) :
		x(vx), y(vy), z(vz), u(vu), v(vv), color(cc) { /*void*/ }

	this_type& operator=(const vec3& p)
	{
		x = p.x;
		y = p.y;
		z = p.z;
		return *this;
	}
};

typedef vtx3t2c4 vtx3f;

#pragma pack(pop)

//---------------------------------------------------------------------------
//opengl的一些扩展函数

//2D视觉模式，如果你使用的是矩阵操作，把这里面的函数替换成矩阵操作
void push_view2D(int left, int top, int width, int height)
{
	glMatrixMode(GL_PROJECTION);
	glPushMatrix();
	glLoadIdentity();
/*
#if CGL_COORDINATE == CGL_LOWER_LEFT
	//直角坐标系
	this->ortho(left, width, top, height, 0, INT16_MAX);
	//重新设置正面，默认GL_CCW
	glFrontFace(GL_CCW);

#else*/

	//windows坐标系
	glOrtho(left, left+width, top+height, top, 0, INT16_MAX);
	glFrontFace(GL_CW);
//#endif

	//十字坐标系
	//glOrtho(-width/2, width/2, -height/2, height/2, 0, INT_MAX);//

	//反转屏幕
	//glScalef(1.0f, -1.0f, 1.0f);
	//glTranslatef(0.0f, -height, 0.0f);

	glMatrixMode(GL_MODELVIEW);
	glLoadIdentity();
	glTranslatef(0.375f, 0.375f, 0.0f);//GL_POINTS and GL_LINES don't touch the right pixels
	glDisable(GL_DEPTH_TEST);//关闭深度测试
	glDisable(GL_CULL_FACE); //关闭面剔除
}

//还原视觉模式
void pop_view()
{
	glMatrixMode(GL_PROJECTION);
	glPopMatrix();
	glMatrixMode(GL_MODELVIEW);
}

//绘图函数，这个根据使用的库更改和优化
void vtx_begin(const vtx3f* vtx)
{
	glVertexPointer(3, GL_FLOAT, sizeof(vtx3f), vtx);
	glTexCoordPointer(2, GL_FLOAT, sizeof(vtx3f), &vtx->u);
	glColorPointer(4, GL_UNSIGNED_BYTE, sizeof(vtx3f), vtx->color.data);

	glEnableClientState(GL_VERTEX_ARRAY);
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	glEnableClientState(GL_COLOR_ARRAY);
}

void vtx_end(const vtx3f* vtx)
{
	glDisableClientState(GL_VERTEX_ARRAY);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);
	glDisableClientState(GL_COLOR_ARRAY);
}

int draw_arrays(int shape, const vtx3f* vtx, size_t pos, size_t size)
{
	vtx_begin(vtx);
	glDrawArrays(shape, pos, size);
	vtx_end(vtx);
	return 0;
}

//绘制图片
int draw_image(intptr_t image, vec4ub color, float x, float y, float width, float height,
		float u1 = 0.0f, float v1 = 0.0f, float u2 = 1.0f, float v2 = 1.0f)
{
	vtx3f vtx[] = {
		vtx3f(x,         y,          0.0f, u1, v1, color),
		vtx3f(x + width, y,          0.0f, u2, v1, color),
		vtx3f(x + width, y + height, 0.0f, u2, v2, color),
		vtx3f(x        , y + height, 0.0f, u1, v2, color)
	};
	glBindTexture(GL_TEXTURE_2D, image);
	return draw_arrays(GL_TRIANGLE_FAN, vtx, 0, 4);
}

int draw_image(const teximage& image, vec4ub color, float x, float y, float width, float height)
{
	return draw_image(image.image, color, x, y, width, height, image.u1, image.v1, image.u2, image.v2);
}

//---------------------------------------------------------------------------
//GDI字体封装类
//有需要的，可以把这个类替换成freetype等其他字体库
//实现方法不变，直接替换掉这个类就好
//比如我用freetype2实现一个ftFont的类
//或者用stb_font(一个轻量级freetype库)实现一个stbFont类

class gdifont
{
private:
	HDC m_dc;			//内存DC
	HFONT m_font;		//字体句柄
	GLYPHMETRICS m_gm;	//字符模型信息
	MAT2 m_mat;			//转置矩阵，默认初始矩阵

	std::wstring m_ttfile;//用于保存单独字体文件的路径
	std::vector m_pixelbuf;//用于保存字符像素信息
	//std::vector m_fontResource;//内存字体

public:
	gdifont() : m_dc(NULL), m_font(NULL), m_ttfile(), m_pixelbuf()
	{
		//初始化字体转置矩阵，默认初始矩阵
		//这个矩阵可以实现字体的旋转、偏移、缩放等效果
		//2x2矩阵
		//1 0
		//0 1
		m_mat.eM11.value = 1;m_mat.eM11.fract = 0;
		m_mat.eM12.value = 0;m_mat.eM12.fract = 0;
		m_mat.eM21.value = 0;m_mat.eM21.fract = 0;
		m_mat.eM22.value = 1;m_mat.eM22.fract = 0;
	}

	//字体句柄
	HFONT handle()const
	{
		return m_font;
    }

	//创建字体
	int create(const wchar_t* fontname, int size, int charset = GB2312_CHARSET)
	{
		//如果需要，首先释放资源
        if(this->handle()){
			this->dispose();
		}

		//创建内存DC
		m_dc = CreateCompatibleDC(0);

		//创建字体
		m_font = CreateFontW(
            size, // logical height of font height
            0, // logical average character width
            0, // angle of escapement
            0, // base-line orientation angle
            0, // font weight
            0, // italic attribute flag
            0, // underline attribute flag
            0, // strikeout attribute flag
            charset, // character set identifier
            0, // output precision
            0, // clipping precision
            DEFAULT_QUALITY, // output quality
            DEFAULT_PITCH | FF_SWISS, // pitch and family
            fontname // pointer to typeface name string
		);

		//绑定字体到内存DC
		SelectObject(m_dc, m_font);

		return 0;
	}

	//加载单独的字体文件
	/*例如：
	font.load(
		"myfont.ttf",	//字体文件，windows系统支持的字体，目录可以是绝对路径，也可以是相对路径
		"字体名称",		//点开字体文件，上面显示的字体名称，比如“微软雅黑”
		16,				//字体大小
        GB2312_CHARSET);//如果是中文字体，要设置中文字符集
	*/

	int load(const wchar_t* filename, const wchar_t* fontname, int size, int charset = 0)
	{
		if(this->handle()){
			this->dispose();
		}

        m_ttfile = filename;
        AddFontResourceExW(m_ttfile.c_str(), FR_PRIVATE, 0);
		this->create(fontname, size, charset);

		return 0;
	}

	//加载内存、程序资源内的字体，这个暂时懒得实现了，有需要的可以查一下WINAPI实现
	/*
	void load_memory(...)
    {
        FILE* f = fopen(filename, "rb");
        fseek(f, 0, SEEK_END);
        m_fontResource.resize(ftell(f));
        fseek(f, 0, SEEK_SET);
        fread(&m_fontResource[0], 1, m_fontResource.size(), f);
        fclose(f);

        DWORD dwFonts = 0;
		m_fontH = (HFONT)AddFontMemResourceEx(&m_fontResource[0], m_fontResource.size(), 0, &dwFonts);
    }
    */

	//释放资源
	void dispose()
	{
		if(m_dc){
			DeleteDC(m_dc);
			m_dc = null;
		}

        if(m_font){
	    	DeleteObject(m_font);
    		m_font = null;
   		}

        if(!m_ttfile.empty()){
            RemoveFontResourceExW(m_ttfile.c_str(), FR_PRIVATE, 0);
            m_ttfile.clear();
        }

        //RemoveFontMemResourceEx(m_font);
	}

	//获取一个字体的位图和字符信息
	int render_char(wchar_t ch, char_info& info)
	{
		//获取字符位图空间大小
		int size = GetGlyphOutlineW(m_dc, ch, GGO_GRAY8_BITMAP, &m_gm, 0, NULL, &m_mat);
		//重新设置位图缓冲区大小
		m_pixelbuf.resize(size);
		//获得字符位图像素信息
		GetGlyphOutlineW(m_dc, ch, GGO_GRAY8_BITMAP, &m_gm, 64*64, &m_pixelbuf[0], &m_mat);
		//GetGlyphOutline获得的位图像素是64阶灰度，要转换成256阶灰度
		//当然如果你要通过shader渲染，并希望获得一些其他效果，可以不转换，或进行其他转换
		gray256();
        //填写一下字符信息
		info.x = m_gm.gmptGlyphOrigin.x;
		info.y = m_gm.gmptGlyphOrigin.y;
		info.next_x = m_gm.gmCellIncX;
		info.next_y = m_gm.gmBlackBoxY;
		return 0;
	}

	//位图宽度
	int width()const
	{
		return m_gm.gmBlackBoxX;
	}

	//位图高度
	int height()const
	{
		return m_gm.gmBlackBoxY;
	}

	//位图像素数据
	void* data()
	{
		return &m_pixelbuf[0];
    }

	//64阶灰度转256阶灰度
	void gray256()
	{
		BYTE* p = &m_pixelbuf[0];
		int c;
		//数据行是四字节对齐的
		DWORD linewidth = (m_gm.gmBlackBoxX + 3) & 0xFFFFFFFC;
		for(size_t y=0; y 255)c = 255;//约束在0~255范围之内
				p[x] = c;
			}
			p += linewidth;//移动到下一行
		}
	}

	//测试获取的位图，画到一个HDC上面
	#ifdef _DEBUG
	void paint(HDC dc)
	{
		BYTE* p = &m_pixelbuf[0];
		int c;
		//数据行是四字节对齐的
		DWORD linewidth = (m_gm.gmBlackBoxX + 3) & 0xFFFFFFFC;
		for(size_t y=0; y
class imagelist
{
public:
	struct ITEM
	{
		teximage image;
		U data;
	};

	typedef const ITEM* item_type;
	typedef typename std::map map_type;
	typedef typename map_type::iterator iterator;
	typedef typename map_type::const_iterator const_iterator;

private:
	std::vector m_texlist;	//保存的纹理页
	map_type m_itemlist;				//小图信息列表，使用std::map组织，也可以根据需要用数组组织
	GLenum m_format;//纹理格式
	int m_width;	//纹理大小
	int m_height;
	int m_filter;	//纹理过滤方式
	int m_size;		//小图块大小，只记录高度
	int m_u, m_v;	//当前小图块添加位置

public:
	imagelist():m_texlist(), m_itemlist(), m_format(GL_RGBA), m_filter(GL_LINEAR),
		m_width(512), m_height(512), m_size(16), m_u(0), m_v(0)
	{
	}

	~imagelist()
	{
		this->dispose();
	}

	//初始化创建图集
	int create(size_t width, size_t height, size_t size, GLenum format = GL_RGBA, GLenum filter = GL_LINEAR)
	{
		this->dispose();
		m_width  = width;
		m_height = height;
		m_format = format,
		m_size   = size;
		m_filter = filter;
		m_u = m_v = 0;
		return 0;
	}

	//释放资源
	void dispose()
	{
		m_itemlist.clear();
		if(!m_texlist.empty()){
			//删除所有纹理页
			glDeleteTextures(m_texlist.size(), &m_texlist[0]);
			m_texlist.clear();
		}
		m_u = m_v = 0;
	}

	//当前缓存的小图块数量
	size_t size()const
	{
		return m_imglist.size();
	}

	//添加一个小图块
	int insert(const T& index, int width, int height, GLenum format, void* data, const U& userdata)
	{
		//首先移动坐标位置
		position_move(width);
		//绑定当前纹理，也就是图集的最后一个
		glBindTexture(GL_TEXTURE_2D, m_texlist.back());
		//更新纹理局部像素
		glTexSubImage2D(GL_TEXTURE_2D, 0, m_u, m_v, width, std::min(m_size, height), format, GL_UNSIGNED_BYTE, data);
		//保存信息
		ITEM item;
		item.image.image = m_texlist.back();
		item.image.x = m_u;
		item.image.y = m_v;
		item.image.width = width;
		item.image.height = std::min(height, m_size);
		item.image.u1 = float(m_u) / m_width;
		item.image.v1 = float(m_v) / m_height;
		item.image.u2 = float(m_u+width)/m_width;
		item.image.v2 = float(m_v+std::min(m_size, height))/m_height;
		item.data = userdata;
		m_itemlist[index] = item;
		//x方向移动坐标
		m_u += width + 1;//做一个像素的间距
		return index;
	}

	//查询图块信息
	item_type items(const T& index)const
	{
		const_iterator itr = m_itemlist.find(index);
		if(itr != m_itemlist.end()){
			return &itr->second;
		}
		else{
			return null;
		}
	}

	//查询图块是否存在
	bool exist(const T& index)const
	{
		return items(index);
	}

private:
	void position_move(int width)
	{
		GLuint tex = 0;
		width += 1;//做一个像素的间距
		if(m_u + width > m_width){//换行
			m_u = 0;
			m_v += m_size + 1;
		}

		//创建新纹理页
		if(m_texlist.empty() || m_v + m_size > m_height){
			glGenTextures(1, &tex);
			glBindTexture(GL_TEXTURE_2D, tex);
			glTexImage2D(GL_TEXTURE_2D, 0, m_format, m_width, m_height, 0, GL_ALPHA, GL_UNSIGNED_BYTE, 0);

			glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, m_filter);
			glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, m_filter);

			m_texlist.push_back(tex);
			m_u = 0;
			m_v = 0;
		}
	}

	teximage* BindTexture(int index)
	{
		iterator itr = m_imglist.find(index);
		if(itr!=m_imglist.end())
		{
			glBindTexture(GL_TEXTURE_2D, itr->second.image.image);
			return &itr->second.image;
		}
		return NULL;
	}
};

//---------------------------------------------------------------------------
//glfont 字体类
//
//gles对GL_ALPHA8支持貌似不好，可以替换成GL_RGBA(需要将256灰度转换成RGBA格式)
//或者使用GL_RED等单通道格式，通过shader渲染字体
//

//draw_text字符串绘制参数
#define PT_LEFT      0x00000000
#define PT_RIGHT     0x00000001
#define PT_CENTER    0x00000002
#define PT_SHADOW    0x00010000
#define PT_CALCRECT  0x80000000

class glfont
{
public:
	typedef imagelist imagelist_type;

	typedef TYPENAME imagelist_type::item_type char_item;

	//const static int SHADOW_SIZE = 2;	//阴影大小，带阴影的字体，这个实现代码太长
	enum{
		TEXTURE_SIZE = 1024,	//默认纹理大小

		TEX_FORMAT = GL_ALPHA8,	//PC默认使用GL_ALPHA8纹理格式
		SRC_FORMAT = GL_ALPHA,	//位图数据默认格式

		TAB_WIDTH = 4			//制表符宽度
	};

	struct PT_WORD
	{
		const wchar_t* begin;
		const wchar_t* end;
		size_t width;
	};

private:
	gdifont m_font;		//字体类，可以替换成其他字体类
	std::wstring m_name;//字体名字
	int m_size;			//字体大小
	imagelist_type m_imagelist;//图集类

public:
	vec4ub color;	//字体颜色

public:
	glfont() : m_font(), m_name(), m_size(), m_imagelist(), color(255, 255, 255, 255)
	{

	}

	void init(const wchar_t* fontname, int size = CGL_DEFAULT_FONT_SIZE, int texture_size = TEXTURE_SIZE)
	{
		m_name = fontname;
		m_size = size;
		//m_imagelist = imagelist;
		m_font.create(fontname, size);
		m_imagelist.create(texture_size, texture_size, size, TEX_FORMAT, GL_NEAREST);
	}

	void clear()
	{
		m_imagelist.dispose();
	}

	void dispose()
	{
		m_imagelist.dispose();
		m_size = 0;
	}

	//获得字符item
	char_item char_items(wchar_t ch)
	{
		if(!m_imagelist.exist(ch)){
			make_char(ch);
		}
		return m_imagelist.items(ch);
	}

	//获得字符宽度
	int char_width(wchar_t ch)
	{
        char_item item;
		if(!m_imagelist.exist(ch)){
			make_char(ch);
		}
		item = m_imagelist.items(ch);
		return item ? item->data.next_x : 0;
    }

	//获取字符高度
	int char_height() { return m_size; }

	//获取字符串宽度
	int text_width(const wchar_t* text, size_t length)
	{
        int width = 0;
		for(size_t i=0; iimage,
			color,
			x + item->data.x,
			y + m_size - item->data.y,
			item->image.width,
			item->image.height);

		return item->data.next_x;
	}

	//绘制一行字体，不支持制表符
	int print(int x, int y, const wchar_t* text, size_t length)
	{
		if(length == TEXT_MAX)length = wcslen(text);
		for(size_t i=0; ichar_height() >> 1);
		if(length == TEXT_MAX)length = wcslen(text);
		for(size_t i=0; ichar_height() >> 1);
	int n;// = 0;
	int l_width = 0;

	for(; l_end < end; ++l_end){
		if(*l_end == '\r'){
			continue;
		}
		else if(*l_end == '\n'){//next line
			break;
		}
		//else if(*l_end == ' ')//add word
		else if(*l_end == '\t'){
			n = align_next(l_width, tab);
			if(n < width){
				l_width = n;
			}
			else{
				//break;
				return l_width;
			}
		}
		else{
			n = this->char_width(*l_end);
			if(l_width + n < width){
				l_width += n;
			}
			else{//next line
				//break;
				return l_width;
			}
		}
	}
	return l_width;
}

int glfont::draw_text(int left, int top, int width, int height, const wchar_t* text, size_t length, int style)
{
	int px = 0, py = top;	//字符绘制位置
	//int chwidth = 0;		//字符宽度
	int ch_size = this->char_height();
	if(length == TEXT_MAX)length = wcslen(text);
	int tab = TAB_WIDTH * (ch_size >> 1);

	//vec4ub c = dc->color;

	const wchar_t* end = text + length;
	const wchar_t* l_begin;
	const wchar_t* l_end = text;
	int l_width = 0;
	std::vector words;

	int x = 0;

	while(l_end < end)
	{
		//l_width = 0;
		l_begin = l_end;
		//word_begin = l_end;
		//get line
		l_width = get_tabled_line(l_end, end, width);


		px = left;
		if(style & PT_RIGHT){
			px += width - l_width;
		}
		else if(style & PT_CENTER){
			px += (width - l_width) / 2;
		}
		if(l_begin != l_end && !(style & PT_CALCRECT)){
			if(style & PT_SHADOW){
				//dc->color = shadow_color;
				//draw_shadow(dc, px, py, text+begin, end-begin);
			}
			//dc->color = c;

			x = 0;
			for(; l_begin < l_end; ++l_begin)
			{
				if(*l_begin == '\t'){
					x = align_next(x, tab);
					continue;
				}
				else if(*l_begin == '\r' || *l_begin == '\n'){
					continue;
				}
				x += put_char(px + x, py, *l_begin);
			}
		}

		if(*l_end == '\n'){//next line
			++l_end;
		}

		py += ch_size + (ch_size / 8);// 1/8 line space
		if(int(top + height) < py + ch_size){
			break;
		}
	}

	return py - top;
}


}//end namespace cgl

#endif //GLFONT_HPP_20190815000333

转载于:https://www.cnblogs.com/sdragonx/p/11357778.html

绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
pyecharts——绘制柱形图折线图 2224070247 信息可视化 python java 数据可视化
一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd）数据可视化团队研发的ECharts1.0发布到GitHub网站以来，ECharts一直备受业界权威的关注并获得广泛好评，成为目前成熟且流行的数据可视化图表工具，被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言，也加入ECharts的使用行列，并研发出方便Python开发者使用的数据
高级 ECharts 技巧：自定义图表主题与样式 SnowMan1993 echarts 信息可视化数据分析
ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
2023-08-08 2023梦启支教团张牧泽
学汉字历史，行传统书法——中国矿业大学梦启支教团梦启三班开展书法文化课7月20日上午8时，中国矿业大学梦启支教团在贵州省金沙县西洛街道彩虹小学开展了“书法文化”课程。该课程意在向孩子们传授汉字演变的相关知识，围绕书法发展历史讲解不同时期的字形字体特点。此课程由梦启支教团成员王耀民讲授，梦启三班全体成员参加。中国文字的发展有数千年的历史，从早期雏形的象形文字到殷商时期的甲骨文、金文，再到西周、秦朝的
连环画中的冷门绝技：汉代宝藏“画像石”的神奇搬运（高清）江户川小歪
虽然连环画只有巴掌大小，但是打开它，你会发现一座中国美术技法的宝库。单线白描是大家最熟悉不过了的，还有工笔重彩、黑白色块、素描、版画、剪纸等种种技术百花齐放。从80年代开始，画家们各显神通，做了诸多尝试，以至于达到了“万法皆为我用”的境界。今天我来说说一种冷门的美术——汉画像石。汉画像石是个什么东西？古时候，王族、有钱人会在墓穴的石头、砖头上绘制一些图案，这些东西有雕刻和绘画的双属性，在美术形式上
免费像素画绘制软件 | Pixelorama v1.0.3 dntktop 软件运维 windows
Pixelorama是一款开源像素艺术多工具软件，旨在为用户提供一个强大且易于使用的平台来创作各种像素艺术作品，包括精灵、瓷砖和动画。这款软件以其丰富的工具箱、动画支持、像素完美模式、剪裁遮罩、预制及可导入的调色板等特色功能，满足了像素艺术家们的各种需求。用户可以享受到动态工具映射、洋葱皮效果、帧标签、播放动画时绘制等高级功能，以及非破坏性的、完全可定制的图层效果，如轮廓、渐变映射、阴影和调色板化
python编写直方图和饼图 2301_80421078 python 开发语言
1.直方图#直方图的绘制#语法格式：plt.hist(x,bins),其中x:数据集；bins:统计数据的分布区间importmatplotlib.pyplotaspltimportpandasaspd#导入文件excel=pd.read_excel('成绩.xlsx')#print(excel)#避免乱码plt.rcParams['font.sans-serif']=['SimHei']x=ex
音视频知识图谱 2022.04 关键帧Keyframe
前些时间，我在知识星球上创建了一个音视频技术社群：关键帧的音视频开发圈，在这里群友们会一起做一些打卡任务。比如：周期性地整理音视频相关的面试题，汇集一份音视频面试题集锦，你可以看看《音视频面试题集锦2022.04》。再比如：循序渐进地归纳总结音视频技术知识，绘制一幅音视频知识图谱。下面是2022.04月知识图谱新增的内容节选：1）图谱路径：**采集/音频采集/声音三要素/响度******主观计量响
小程序通过js控制页面字体颜色属性祈澈菇凉
需求：当电量少于百分之20的时候，显示电量的字体显示为红色。1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle="color:red";success:function(res){constcarList=res.data.list;for(
python绘制等高线和等值面初步 bcbobo21cn 图形学和3D python 开发语言 Matplotlib NumPy 等高线
importmatplotlib.pyplotaspltimportnumpyasnpx=np.linspace(-5,6,210)y=np.linspace(-5,6,210)x,y=np.meshgrid(x,y)z=(1-x/2+x**5+y**4)*np.exp(-x**2-y**2)plt.contour(x,y,z,levels=9,colors='black')plt.show()i
MacOS Catalina 从源码构建Qt6.2开发库之01: 编译Qt6.2源代码捕鲸叉 QT macos c++QT
安装xcode，cmake，ninjabrewinstallnodemac下安装OpenGL库并使之对各项目可见在macOS上安装OpenGL通常涉及到安装一些依赖库，如MGL、GLUT或者是GLEW等，同时确保LLVM的OpenGL框架和相关工具链的兼容性。以下是一个基本的安装步骤，你可以在终端中执行：安装Homebrew（如果还没有安装的话）：/bin/bash-c"$(curl-fsSLht
关于UI刷新重绘草帽小子J
最近做了一个关于用户雷达图的需求，有用到关于ui绘制相关的东西，于是去了解了下关于invalidate()、postInvalidate()、requestLayout()的知识。invalidate该方法会请求重绘view树，即draw(),刷新UI,并且不会调用onMeasure()，谁调用重绘谁，ViewGroup则重绘整个ViewGroup.一般会触发invalidate的主要为如下几种方
学深学透砥砺奋进奋力谱写新时代组织工作新篇章 dd7790b7ef52
历史启迪未来，盛会凝聚共识。党的二十大胜利召开，向全党全国人民发出了自信自强、守正创新、踔厉奋发、勇毅前行的伟大号召。我们要在学懂弄通做实党的二十大绘制的宏伟蓝图、确立的奋斗目标、作出的战略部署上下功夫，着力推动党的二十大精神在组织系统落地生根、开花结果，为建设中国式现代化提供坚强的组织保障。锚定“凝心铸魂”关键任务，抓好新时代党的创新理论武装。组织部作为管党治党的重要职能部门，要把学习贯彻党的二
系统架构设计师教程第5章 5.3 系统分析与设计笔记 z2014z 系统架构设计师系统架构笔记
5.3系统分析与设计系统分析阶段把复杂的对象分解为简单的组成部分，其基本任务是在充分了解用户需求的基础上，书写系统需求规格说明书。系统设计是根据系统分析的结果，完成系统的构建过程。其主要目的是绘制系统的蓝图，权衡和比较各种技术和实施方法的利弊，合理分配各种资源，构建新系统的详细设计方案和相关模型，指导系统实施工作的顺利开展。系统设计的主要内容包括概要设计和详细设计。5.3.1结构化方法★★★★★针
终于搞懂TS中的泛型啦! | typescript 入门指南 04 程序员王天 TypeScript实践指南前端 javascript typescript
大家好，我是王天~今天分享的是《ts入门指南》系列中第四篇，主要讲解ts中的泛型应用泛型在ts中是比较重要的概念，我花挺长时间才搞明白，整理输出这篇文章，希望能帮助到大家~《ts入门指南》系列，点击下方蓝色字体即可访问TsvsJs谁适合前端开发？|TypeScript入门指南01详解tsconfig.json配置文件|TypeScript入门指南02必学！TypeScript语法类型基础|Type
[Unity 3d] VertexPaint （Mesh 顶点画手） - GitHub 雨落随风
一个Mesh顶点动画绘制工具。GitHub上的工程多如繁星，有些好的仓库，但凡不经意间错过了就很难找回，故稍作采撷，希望能帮助到有心人。简介：笔者今天推荐的仓库叫VertexPaint。-顶点画手ThispackageallowsyoutopaintinformationontotheverticesofameshintheUnityeditoraswellasmodifyanyattribute
日艺 | 18.11.12 《圣三位一体》 Artademie艺术派
《圣三位一体》，1428年，马萨乔，湿壁画，佛罗伦萨新圣母大教堂马萨乔（TommasodiSerGiovannidiSimone,Masaccio）文艺复兴时期最重要的人文主义画家之一，他是艺术史上第一位使用透视法的艺术家。在古希腊时期，就有艺术家在陶罐上使用“短缩法”绘制物体，这种方法让希腊人得以通过缩短所画对象的尺寸，而将三维空间转移到平面上。然而却始终是通过对自然细致入微的观察而得到的经验主
CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载裁剪区域绘制 SteveJi666 WebGL cesium EarthSDK SuperMap 3d javascript 前端 arcgis
版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
OpenGL之基础纹理一我的大好时光
先看下效果图：纹理效果图.pngDemo下载地址：点击下载一、像素图像的数据包装图像存储空间=图像width*图像height*每个像素的字节数ps：有一张RGB的图像（每个颜色通道8位），图像的宽度199个像素，每行需要存储多少空间？解：8位为一个字节，有三个颜色，所以一个RGB需要3个字节存储。199（width）*1（height）*3(字节)二、像素的存储方式/**@parampname:
WPF绘图(基础图形：直线、矩形和椭圆) 未来无限 C#WPF程序设计 wpf 绘图直线矩形椭圆
目录一、概述二、基本图形绘制2.1直线2.2矩形2.3椭圆一、概述与传统的.NET开发使用GDI+进行绘图不同，WPF拥有自己的一套图形API，绘图为矢量图。绘图可以在任何一种布局控件中完成，wpf会根据容器计算相应坐标。最常用的是Canvas和Grid。基本图形包括以下几个，都是Shaper类的派生类。1、Line，直线段，可以设置Stroke2、Rectangle，有Stroke也有Fill3
诚实池池雾
我以前以为诚实是我不可多得的美德。图片发自App到后来，慢慢发现，我竟然有一天在面不改色的撒谎，面对别人的提问，脑袋里已经打好草稿准备着脱口而出。第一个撒谎的对象是老师。那是大学生涯之前第一次也是唯一一次的对老师撒谎。我读书的时候很尊敬每一位老师，对于他们的话言听计从，是那种老师放心的成绩中等的容易忽视的小孩子。可能这样的刻板映像成为了我的保护色。高三的时候，国庆节地理老师布置的作业之一是绘制各大
微信小程序使用canvas画图保存图片到手机相册岩岩很哇塞！微信小程序微信小程序小程序 canva可画
微信小程序要实现使用canvas绘制一个图，然后保存到手机相册**最终效果：**实现生成以下图片一、初始化canvas//wxml页面设置canvas标签//js页面初始化canvasdata:{ctx:'',details:'',windowW:375*3,windowH:265*3,ratio:3,showCanvas:false},onLoad(options){this.setData({
R 数据可视化 —— 韦恩图名本无名
前言对于数据集之间交叠关系的可视化，通常想到的是绘制韦恩图。韦恩图是一种关系型图表，通过图形之间的重叠来反映数据集之间的相交关系。下面，我们来简单介绍一下如何绘制韦恩图韦恩图绘制韦恩图的包有很多，比如gplots包的venn()函数、limma包的vennDiagram()函数、venneuler包的venneuler()函数。但是这些包绘制出来的图像效果都不是很好，所以我们使用比较成熟的包Ven
输入上/下标数字以及字母 ruisi_we 其他
输入上/下标数字以及字母H5上标标签H5下标标签Word附上一些常用上下标H5上标标签//X²X2//5²52H5下标标签//X₂X2//5₂X2Word选中你要修改成上标或下标的字符，点击字体。要变成上标还是下标就看你了。附上一些常用上下标//上标⁰¹²³⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾ⁿ//下标₀₁₂₃₄₅₆₇₈₉₊₋₌₍₎//上标ᵃᵇᶜᵈᵉᵍʰⁱʲᵏˡᵐⁿᵒᵖʳˢᵗᵘᵛʷˣʸᙆᴬᴮᒼᴰᴱᴳᴴᴵᴶᴷᴸᴹ
软件测试面试题爱学习的执念面试软件测试面试软件测试服务器软件测试面试软件测试面试
1、测试矿泉水瓶外观界面测试：瓶子外观界面测试主要是测试瓶子的大小、瓶身所体现的各种信息（如字体、颜色）等瓶子的外观特征是否满足公司的最初对瓶子的设计要求。1.瓶身广告和图案的背景颜色是否符合公司设计要求。2.瓶身上所有字体、颜色是否符合公司的设计要求，是否有错别字。3.带广告的图案遇水后是否会掉色或变模糊，广告与图案内容是否合法。4.瓶身是否有防止烫伤、垃圾回收、年龄限制等提示。5.瓶身图标布局
python 标准库之openpyxl的常规操作真的学不了一点。。。 Python学习 python
目录openpyxl（Excel文件处理模块）读sheet读sheet中单元格合并单元格openpyxl模块基本用法安装方法基本使用读取Excel文档（一）获取工作表（二）获取单元格（三）获取行和列写入Excel文档（一）写入单元格（二）保存文件设置单元格样式（一）字体（二）对齐方式（三）边框（四）设置行高和列宽（五）合并和拆分单元格openpyxl(Excel文件处理模块)读sheet读取Exc
Android SurfaceTexture和GLSurfaceView做Camera预览小小攻城师 Android SurfaceTexture GLSurfaceView SurfaceTexture openG openGL
GLSurfaceView是OpenGL中的一个类，也是可以预览Camera的，而且在预览Camera上有其独到之处。独到之处在哪？当使用Surfaceview无能为力、痛不欲生时就只有使用GLSurfaceView了，它能够真正做到让Camera的数据和显示分离，所以搞明白了这个，像Camera只开预览不显示这都是小菜，妥妥的。Android4.0的自带Camera源码是用SurfaceView
R 地图绘制-比例尺与指北针 jamesjin63
ggplot绘制mapR语言可以进行数据分析，也可以进行地图绘制，而且非常简洁，快速。虽然Arcgis基于桌面可视化操作，能够进行空间分析，但是唯一不足的就是操作步骤繁琐而且一不小心，就要从头再来，可重复性较低。这篇文章主要讲述如何利用R语言中的ggplot与sf绘制带有指北针、图列与标尺的地图屏幕快照2020-06-28下午9.27.59.png数据我们下载非洲地区54个国家的图层Afirca.
分享100个最新免费的高匿HTTP代理IP mcj8089 代理IP 代理服务器匿名代理免费代理IP 最新代理IP
推荐两个代理IP网站： 1. 全网代理IP：http://proxy.goubanjia.com/ 2. 敲代码免费IP：http://ip.qiaodm.com/ 120.198.243.130:80,中国/广东省 58.251.78.71:8088,中国/广东省 183.207.228.22:83,中国/
mysql高级特性之数据分区 annan211 java 数据结构 mongodb 分区 mysql
mysql高级特性 1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。 2 分区的原理分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是
JS采用正则表达式简单获取URL地址栏参数 chiangfai js 地址栏参数获取
GetUrlParam:function GetUrlParam(param){ var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null
怎样将数据表拷贝到powerdesigner (本地数据库表) Array_06 powerDesigner
================================================== 1、打开PowerDesigner12，在菜单中按照如下方式进行操作 file->Reverse Engineer->DataBase 点击后，弹出 New Physical Data Model 的对话框 2、在General选项卡中 Model name:模板名字，自
logbackのhelloworld 飞翔的马甲日志 logback
一、概述 1.日志是啥？当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print(); 当我项目工作时，以为是一堆得.log文件。这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。传送门1：日志的作用与方法： http://www.infoq.com/cn/articles/why-and-how-log 上面的作
新浪微博爬虫模拟登陆随意而生新浪微博
转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235 近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求
synchronized 香水浓 java thread
Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然
maven 简单实用教程 AdyZhang maven
1. Maven介绍 1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo
Android 通过 intent传值获得null aijuans android
我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9 public void getMap(View view){ Intent i =
apache 做代理报如下错误：The proxy server received an invalid response from an upstream baalwolf response
网站配置是apache＋tomcat,tomcat没有报错，apache报错是： The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr
Tomcat6 内存和线程配置 BigBird2012 tomcat6
1、修改启动时内存参数、并指定JVM时区（在windows server 2008 下时间少了8个小时）在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数： window下，在catalina.bat最前面 set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5
Karam与TDD bijian1013 Karam TDD
一.TDD 测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。 TDD的原则很简单： a.只有当某个
[Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States bit1129 zookeeper
public enum States { CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态 ASSOCIATING, //？？？ CONNECTED, //链接建立，可以与Zookeeper服务器正常通信 CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在
【Scala十四】Scala核心八：闭包 bit1129 scala
Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x
android发送json并解析返回json ronin47 android
package com.http.test; import org.apache.http.HttpResponse; import org.apache.http.HttpStatus; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import
一份IT实习生的总结 brotherlamp PHP php资料 php教程 php培训 php视频
今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来
据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。将重物放到天平左侧，问在两边如何添加砝码 bylijinnan java
public class ScalesBalance { /** * 题目： * 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。（假设N无限大，但一种重量的砝码只有一个） * 将重物放到天平左侧，问在两边如何添加砝码使两边平衡 * * 分析： * 三进制 * 我们约定括号表示里面的数是三进制，例如 47=(1202
dom4j最常用最简单的方法 chiangfai dom4j
要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要
简单HBase笔记 chenchao051 hbase
一、Client-side write buffer 客户端缓存请求描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。可以使用getWriteBuffer()方法来取得客户端缓存中的数据。默认关闭。二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使
mysqldump导出时出现when doing LOCK TABLES daizj mysql mysqdump 导数据
　　执行　mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql　导出表时，会报 mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES 解决
CSS渲染原理 dcj3sjt126com Web
从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？一、浏览器的发展与CSS
《阿甘正传》台词 dcj3sjt126com
Part Ⅰ: 《阿甘正传》Forrest Gump经典中英文对白 Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol
Java处理JSON dyy_gusi json
Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下： 1、读取json然后处理 class ReadJSON { public static void main(String[] args)
win7下nginx和php的配置 geeksun nginx
1. 安装包准备 nginx : 从nginx.org下载nginx-1.8.0.zip php：从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。 RunHiddenConsole: 用于隐藏命令行窗口 2. 配置 # java用8080端口做应用服务器，nginx反向代理到这个端口即可 p
基于2.8版本redis配置文件中文解释 hongtoushizi redis
转载自： http://wangwei007.blog.51cto.com/68019/1548167 在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文
第五章常用Lua开发库3-模板渲染 jinnianshilongnian nginx lua
动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r
JZSearch大数据搜索引擎颠覆者 JavaScript
系统简介：大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引
10招让你成为杰出的Java程序员 pda158 java 编程框架
如果你是一个热衷于技术的 Java 程序员，那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。　　 1. 拥有扎实的基础和深刻理解 OO 原则　　对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言
tomcat之oracle连接池配置小网客 oracle
tomcat版本7.0 配置oracle连接池方式：修改tomcat的server.xml配置文件： <GlobalNamingResources> <Resource name="utermdatasource" auth="Container" type="javax.sql.DataSou
Oracle 分页算法汇总 vipbooks oracle sql 算法 .net
这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！ -- Oracle 分页算法一 select * from ( select page.*,rownum rn from (select * from help) page -- 20 = (currentPag

OpenGL字体绘制

你可能感兴趣的:(OpenGL字体绘制)