Espruino:Примеры/Шрифты - История изменений

Myagkij в 11:17, 28 мая 2023

2023-05-28T11:17:40Z

← Предыдущая версия		Версия от 15:17, 28 мая 2023
Строка 19:		Строка 19:
	Векторный шрифт сделан из полигонов, и его можно масштабировать до любых размеров. Это делает его идеальным вариантом для отображения большого текста вроде чисел.		Векторный шрифт сделан из полигонов, и его можно масштабировать до любых размеров. Это делает его идеальным вариантом для отображения большого текста вроде чисел.

	~~Примечание:~~ У некоторых неофициальных плат Espruino нет встроенного векторного шрифта, и в этом случае единственным вариантом остаются bitmap-шрифты (см. ниже).		{{Примечание1\|У некоторых неофициальных плат Espruino нет встроенного векторного шрифта, и в этом случае единственным вариантом остаются bitmap-шрифты (см. ниже).}}

	Чтобы рисовать векторным шрифтом, просто воспользуйтесь функцией Graphics.setFont("Vector",height), где height – это высота в пикселях. Если представить, что у вас уже есть экземпляр класса Graphics под названием g, мы можем сделать следующее:		Чтобы рисовать векторным шрифтом, просто воспользуйтесь функцией Graphics.setFont("Vector",height), где height – это высота в пикселях. Если представить, что у вас уже есть экземпляр класса Graphics под названием g, мы можем сделать следующее:
Строка 33:		Строка 33:
	[[File:font_hello_world_espruino_1.png\|center]]		[[File:font_hello_world_espruino_1.png\|center]]

	~~'''Примечание:'''~~ Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.		{{Примечание1\|Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.}}

	Встроенный векторный шрифт содержит [http://www.asciitable.com/ ASCII-символы] 0-127 (с его помощью можно написать, например, текст на английском).		Встроенный векторный шрифт содержит [http://www.asciitable.com/ ASCII-символы] 0-127 (с его помощью можно написать, например, текст на английском).
Строка 63:		Строка 63:
	[[File:2_espruino_font.png\|center]]		[[File:2_espruino_font.png\|center]]

	~~'''Примечание:'''~~ Вы можете также воспользоваться функцией g.setFontBitmap(), но она устарела, так что предпочтительнее использовать g.setFont("Bitmap", scale);.		{{Примечание1\|Вы можете также воспользоваться функцией g.setFontBitmap(), но она устарела, так что предпочтительнее использовать g.setFont("Bitmap", scale);.}}

	== Модули шрифтов ==		== Модули шрифтов ==

EducationBot в 15:55, 23 мая 2023

2023-05-23T15:55:41Z

← Предыдущая версия		Версия от 19:55, 23 мая 2023
Строка 23:		Строка 23:
	Чтобы рисовать векторным шрифтом, просто воспользуйтесь функцией Graphics.setFont("Vector",height), где height – это высота в пикселях. Если представить, что у вас уже есть экземпляр класса Graphics под названием g, мы можем сделать следующее:		Чтобы рисовать векторным шрифтом, просто воспользуйтесь функцией Graphics.setFont("Vector",height), где height – это высота в пикселях. Если представить, что у вас уже есть экземпляр класса Graphics под названием g, мы можем сделать следующее:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	g.clear();		g.clear();
	g.setFont("Vector",40);		g.setFont("Vector",40);
Строка 43:		Строка 43:
	Bitmap-шрифты создаются так, чтобы быть маленькими, но при этом хорошо читаемыми. По умолчанию в Espruino используется именно bitmap-шрифт, но вы всегда можете переключиться на векторный шрифт:		Bitmap-шрифты создаются так, чтобы быть маленькими, но при этом хорошо читаемыми. По умолчанию в Espruino используется именно bitmap-шрифт, но вы всегда можете переключиться на векторный шрифт:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	g.setFont("4x6");		g.setFont("4x6");
	g.drawString("Hello",0,0);		g.drawString("Hello",0,0);
Строка 161:		Строка 161:
	Используются шрифтовые модули следующим образом:		Используются шрифтовые модули следующим образом:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	// Во время инициализации...		// Во время инициализации...
	require("Font8x12").add(Graphics);		require("Font8x12").add(Graphics);
Строка 207:		Строка 207:
	Например, вы можете захотеть нарисовать маленький текст сразу после большого текста:		Например, вы можете захотеть нарисовать маленький текст сразу после большого текста:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	function bigThenSmall(big, small, x, y) {		function bigThenSmall(big, small, x, y) {
	g.setFont("Vector",20);		g.setFont("Vector",20);
Строка 220:		Строка 220:
	Или же вам нужно будет просто нарисовать текст по центру:		Или же вам нужно будет просто нарисовать текст по центру:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	function central(text, y) {		function central(text, y) {
	g.drawString(text, (g.getWidth() - g.stringWidth(text))/2, y);		g.drawString(text, (g.getWidth() - g.stringWidth(text))/2, y);
Строка 235:		Строка 235:
	Но в более старых версиях для этого придётся воспользоваться вот этим (менее быстрым) кодом:		Но в более старых версиях для этого придётся воспользоваться вот этим (менее быстрым) кодом:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	// txt – это строка с текстом, px - позиция на оси X,		// txt – это строка с текстом, px - позиция на оси X,
	// py – позиция на оси Y, h – высота шрифта:		// py – позиция на оси Y, h – высота шрифта:

EducationBot в 11:08, 20 мая 2023

2023-05-20T11:08:42Z

← Предыдущая версия		Версия от 15:08, 20 мая 2023
Строка 261:		Строка 261:
	=См.также=		=См.также=

	~~{{ads}}~~

	=Внешние ссылки=		=Внешние ссылки=
Строка 267:		Строка 267:
	<references />		<references />

	{{Навигационная таблица/Espruino}}		{{Навигационная таблица/Портал/Espruino}}
	~~{{Навигационная таблица/Телепорт~~}}

Myagkij в 15:02, 19 июля 2021

2021-07-19T15:02:59Z

Внесённые изменения

Myagkij в 14:40, 19 июля 2021

2021-07-19T14:40:20Z

← Предыдущая версия		Версия от 18:40, 19 июля 2021
Строка 51:		Строка 51:
	</syntaxhighlight>		</syntaxhighlight>

	[[File:font_hello_world_espruino_2.~~bmp~~\|center]]		[[File:font_hello_world_espruino_2.png\|center]]

	Если в ваше устройство встроен шрифт 6x8, то воспользоваться им можно при помощи '''g.setFont("6x8");'''.		Если в ваше устройство встроен шрифт 6x8, то воспользоваться им можно при помощи '''g.setFont("6x8");'''.

Myagkij в 14:38, 19 июля 2021

2021-07-19T14:38:50Z

← Предыдущая версия		Версия от 18:38, 19 июля 2021
Строка 31:		Строка 31:
	</syntaxhighlight>		</syntaxhighlight>

	[[File:font_hello_world_espruino_1.~~bmp~~\|center]]		[[File:font_hello_world_espruino_1.png\|center]]

	'''Примечание:''' Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.		'''Примечание:''' Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.

Myagkij в 14:34, 19 июля 2021

2021-07-19T14:34:52Z

← Предыдущая версия		Версия от 18:34, 19 июля 2021
Строка 99:		Строка 99:
	[https://www.espruino.com/modules/Font5x9Numeric7Seg.js Font5x9Numeric7Seg] – 7-сегментный шрифт 5x9. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font5x9Numeric7Seg.js Font5x9Numeric7Seg] – 7-сегментный шрифт 5x9. Только символы «-.0123456789:ABCDEF».

	[[File:font_espruino_12.bmp\|center]]		[[-File:font_espruino_12.bmp\|center]]

	[https://www.espruino.com/modules/Font7x11Numeric7Seg.js Font7x11Numeric7Seg] – 7-сегментный шрифт 7x11. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font7x11Numeric7Seg.js Font7x11Numeric7Seg] – 7-сегментный шрифт 7x11. Только символы «-.0123456789:ABCDEF».

Myagkij в 14:33, 19 июля 2021

2021-07-19T14:33:53Z

← Предыдущая версия		Версия от 18:33, 19 июля 2021
Строка 95:		Строка 95:
	[https://www.espruino.com/modules/Font5x7Numeric7Seg.js Font5x7Numeric7Seg] – 7-сегментный шрифт 5x7. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font5x7Numeric7Seg.js Font5x7Numeric7Seg] – 7-сегментный шрифт 5x7. Только символы «-.0123456789:ABCDEF».

	[~~Картинка~~]		[[File:font_espruino_11.bmp\|center]]

	[https://www.espruino.com/modules/Font5x9Numeric7Seg.js Font5x9Numeric7Seg] – 7-сегментный шрифт 5x9. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font5x9Numeric7Seg.js Font5x9Numeric7Seg] – 7-сегментный шрифт 5x9. Только символы «-.0123456789:ABCDEF».

	[~~Картинка~~]		[[File:font_espruino_12.bmp\|center]]

	[https://www.espruino.com/modules/Font7x11Numeric7Seg.js Font7x11Numeric7Seg] – 7-сегментный шрифт 7x11. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font7x11Numeric7Seg.js Font7x11Numeric7Seg] – 7-сегментный шрифт 7x11. Только символы «-.0123456789:ABCDEF».

Myagkij в 14:31, 19 июля 2021

2021-07-19T14:31:43Z

← Предыдущая версия		Версия от 18:31, 19 июля 2021
Строка 31:		Строка 31:
	</syntaxhighlight>		</syntaxhighlight>

	[~~Картинка~~]		[[File:font_hello_world_espruino_1.bmp\|center]]

	'''Примечание:''' Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.		'''Примечание:''' Вы также можете воспользоваться функцией g.setFontVector(height), но она устарела, так что предпочтительнее использовать '''g.setFont("Vector", 60);'''.
Строка 51:		Строка 51:
	</syntaxhighlight>		</syntaxhighlight>

	[~~Картинка~~]		[[File:font_hello_world_espruino_2.bmp\|center]]

	Если в ваше устройство встроен шрифт 6x8, то воспользоваться им можно при помощи '''g.setFont("6x8");'''.		Если в ваше устройство встроен шрифт 6x8, то воспользоваться им можно при помощи '''g.setFont("6x8");'''.
Строка 57:		Строка 57:
	* Шрифт 4x6 содержит ASCII-символы 0-127 (с их помощью можно написать, например, текст на английском языке):		* Шрифт 4x6 содержит ASCII-символы 0-127 (с их помощью можно написать, например, текст на английском языке):

	[~~Картинка~~]		[[File:font_espruino_3.bmp\|center]]

	* Шрифт 6x8 содержит символы ISO Latin (см. раздел «Наборы символов» ниже):		* Шрифт 6x8 содержит символы ISO Latin (см. раздел «Наборы символов» ниже):

	[~~Картинка~~]		[[File:font_espruino_4.bmp\|center]]

	Примечание: Вы можете также воспользоваться функцией g.setFontBitmap(), но она устарела, так что предпочтительнее использовать g.setFont("Bitmap", scale);.		'''Примечание:''' Вы можете также воспользоваться функцией g.setFontBitmap(), но она устарела, так что предпочтительнее использовать g.setFont("Bitmap", scale);.

	== Модули шрифтов ==		== Модули шрифтов ==
Строка 71:		Строка 71:
	Вот модули, доступные в данный момент:		Вот модули, доступные в данный момент:

	[~~Картинка~~]		[[File:font_espruino_5.bmp\|center]]

	[https://www.espruino.com/modules/Font4x4Numeric.js Font4x4Numeric] – маленький шрифт 4x4 с фиксированной шириной. Свободное место между символами отсутствует. Есть только цифры 0-9.		[https://www.espruino.com/modules/Font4x4Numeric.js Font4x4Numeric] – маленький шрифт 4x4 с фиксированной шириной. Свободное место между символами отсутствует. Есть только цифры 0-9.

	[~~Картинка~~]		[[File:font_espruino_6.bmp\|center]]

	[https://www.espruino.com/modules/Font4x4.js Font4x4] – маленький шрифт 4x4 с фиксированной шириной, разработанный пользователем jose1711.		[https://www.espruino.com/modules/Font4x4.js Font4x4] – маленький шрифт 4x4 с фиксированной шириной, разработанный пользователем jose1711.

	[~~Картинка~~]		[[File:font_espruino_7.bmp\|center]]

	[https://www.espruino.com/modules/Font4x5Numeric.js Font4x5Numeric] – шрифт 4x5 с изменяемой шириной. Только символы «./0123456789».		[https://www.espruino.com/modules/Font4x5Numeric.js Font4x5Numeric] – шрифт 4x5 с изменяемой шириной. Только символы «./0123456789».

	[~~Картинка~~]		[[File:font_espruino_8.bmp\|center]]

	[https://www.espruino.com/modules/Font4x5.js Font4x5] – маленький шрифт 4x5 с фиксированной шириной.		[https://www.espruino.com/modules/Font4x5.js Font4x5] – маленький шрифт 4x5 с фиксированной шириной.

	[~~Картинка~~]		[[File:font_espruno_9.bmp\|center]]

	[https://www.espruino.com/modules/Font4x8Numeric.js Font4x8Numeric] – шрифт 4x8 с фиксированной шириной. Только цифры 0-9.		[https://www.espruino.com/modules/Font4x8Numeric.js Font4x8Numeric] – шрифт 4x8 с фиксированной шириной. Только цифры 0-9.

	[~~Картинка~~]		[[File:font_espruino_10.bmp\|center]]

	[https://www.espruino.com/modules/Font5x7Numeric7Seg.js Font5x7Numeric7Seg] – 7-сегментный шрифт 5x7. Только символы «-.0123456789:ABCDEF».		[https://www.espruino.com/modules/Font5x7Numeric7Seg.js Font5x7Numeric7Seg] – 7-сегментный шрифт 5x7. Только символы «-.0123456789:ABCDEF».

Myagkij в 14:22, 19 июля 2021

2021-07-19T14:22:50Z

Внесённые изменения