Electronic device, display method, and display program

1. An electronic device, comprising:

a display that detects a contact of a pen on a screen of the display and inputting a stroke; and

a controller, wherein the display and the controller are configured to

display a first content by a first image with a first gradation on the screen,

receive positions of contacts between the pen and the screen on a display area of the first content,

specify a first start point and a first end point of the contacts,

set a first selection area of the first content by using the first start position and the first end position,

display the first selection area of the first content by using the first image with the first gradation on the screen and an area other than the first selection area of the first content by using a second image with a second gradation lower than the first gradation on the screen,

draw, on the first selection area of the first content, a first locus of a first stroke that is input by handwriting by using the pen,

output data comprising the first selection area of the first content and the first stroke,

generate a first thumbnail comprising the first image and the first locus,

output first data of the first thumbnail,

display a second content by a third image with a third gradation on the screen,

specify a second start point and a second end point of the contacts,

set a second selection area of the second content by using the second start position and the second end position,

display the second selection area of the second content by using the third image with the gradation on the screen and an area other than the second selection area of the second content by using a fourth image with a fourth gradation lower than the third gradation on the screen,

draw, on the second selection area of the second content, a second locus of a second stroke that is input by handwriting by using the pen,

output data comprising the second selection area of the second content and the second stroke;

generate a second thumbnail comprising the third image and the second locus;

output second data of the second thumbnail;

display the first thumbnail and the second thumbnail on the display, simultaneously;

generate a first file comprising the first data and the data comprising the first selection area of the first content and the first stroke; and

incorporate the second data and the data comprising the second selection area of the second content and the second stroke into the first file.

2. A display method of an electronic apparatus, comprising:

detecting a contact of a pen on a screen of a display and inputting a stroke;

displaying a first content by a first image with a first gradation on the screen;

receiving positions of contacts between the pen and the screen on a display area of the first content;

specifying a first start point and a first end point of the contacts;

setting a first selection area of the first content by using the first start position and the first end position;

displaying the first selection area of the first content by using the first image with the first gradation on the screen and an area other than the first selection area of the first content by using a second image with a second gradation lower than the first gradation on the screen;

drawing, on the first selection area of the first content, a first locus of a first stroke that is input by handwriting by using the pen,

outputting data comprising the first selection area of the first content and the first stroke;

generating a first thumbnail comprising the first image and the first locus;

outputting first data of the first thumbnail;

displaying a second content by a third image with a third gradation on the screen;

specifying a second start point and a second end point of the contacts;

setting a second selection area of the second content by using the second start position and the second end position;

displaying the second selection area of the second content by using the third image with the gradation on the screen and an area other than the second selection area of the second content by using a fourth image with a fourth gradation lower than the third gradation on the screen;

drawing, on the second selection area of the second content, a second locus of a second stroke that is input by handwriting by using the pen;

outputting data comprising the second selection area of the second content and the second stroke;

generating a second thumbnail comprising the third image and the second locus;

outputting second data of the second thumbnail;

displaying the first thumbnail and the second thumbnail on the display, simultaneously;

generating a first file comprising the first data and the data comprising the first selection area of the first content and the first stroke; and

incorporating the second data and the data comprising the second selection area of the second content and the second stroke into the first file.

3. A computer-readable non-transitory storage medium having stored thereon a computer program which is executable by a computer, the computer program controlling the computer to execute functions of:

detecting a contact of a pen on a screen of a display and inputting a stroke;

displaying a first content by a first image with a first gradation on the screen;

receiving positions of contacts between the pen and the screen on a display area of the first content;

specifying a first start point and a first end point of the contacts;

setting a first selection area of the first content by using the first start position and the first end position;

displaying the first selection area of the first content by using the first image with the first gradation on the screen and an area other than the first selection area of the first content by using a second image with a second gradation lower than the first gradation on the screen;

drawing, on the first selection area of the first content, a first locus of a first stroke that is input by handwriting by using the pen,

outputting data comprising the first selection area of the first content and the first stroke;

generating a first thumbnail comprising the first image and the first locus;

outputting first data of the first thumbnail;

displaying a second content by a third image with a third gradation on the screen;

specifying a second start point and a second end point of the contacts;

setting a second selection area of the second content by using the second start position and the second end position;

displaying the second selection area of the second content by using the third image with the gradation on the screen and an area other than the second selection area of the second content by using a fourth image with a fourth gradation lower than the third gradation on the screen;

drawing, on the second selection area of the second content, a second locus of a second stroke that is input by handwriting by using the pen;

outputting data comprising the second selection area of the second content and the second stroke;

generating a second thumbnail comprising the third image and the second locus;

outputting second data of the second thumbnail;

displaying the first thumbnail and the second thumbnail on the display, simultaneously;

generating a first file comprising the first data and the data comprising the first selection area of the first content and the first stroke; and

incorporating the second data and the data comprising the second selection area of the second content and the second stroke into the first file.