c# convert pdf to image free library : Extract data from pdf file to excel Library SDK component .net asp.net wpf mvc print38-part2089

Amedia elementp333
has aplayback volume, which is a fraction in the range 0.0 (silent) to 1.0 (loudest). Initially, the volume should be 1.0, but
user agents may remember the last set value across sessions, on a per-site basis or otherwise, so the volume may start at other values.
ThevolumeIDL attribute must return theplayback volumep381
of any audio portions of themedia elementp333
. On setting, if the new value is in the
range 0.0 to 1.0 inclusive, themedia elementp333
'splayback volumep381
must be set to the new value. If the new value is outside the range 0.0 to 1.0
inclusive, then, on setting, an"IndexSizeError"
DOMException
must be thrown instead.
Amedia elementp333
can also bemuted. If anything is muting the element, then it is muted. (For example, when thedirection of playbackp355
is
backwards, the element is muted.)
ThemutedIDL attribute must return the value to which it was last set. When amedia elementp333
is created, if the element has amutedp381
content
attribute specified, then themutedp381
IDL attribute should be set to true; otherwise, the user agents may set the value to the user's preferred value
(e.g. remembering the last set value across sessions, on a per-site basis or otherwise). While themutedp381
IDL attribute is set to true, themedia
elementp333
must bemutedp381
.
Whenever either of the values that would be returned by thevolumep381
andmutedp381
IDL attributes change, the user agent mustqueue a
taskp843
tofire a simple eventp854
namedvolumechangep384
at themedia elementp333
.
An element'seffective media volumeis determined as follows:
1. If the user has indicated that the user agent is to override the volume of the element, then the element'seffective media volumep381
is the
volume desired by the user. Abort these steps.
2. If the element's audio output ismutedp381
, the element'seffective media volumep381
is zero. Abort these steps.
3. Letvolumebe theplayback volumep381
of the audio portions of themedia elementp333
, in range 0.0 (silent) to 1.0 (loudest).
4. The element'seffective media volumep381
isvolume, interpreted relative to the range 0.0 to 1.0, with 0.0 being silent, and 1.0 being the
loudest setting, values in between increasing in loudness. The range need not be linear. The loudest setting may be lower than the
system's loudest possible setting; for example the user could have set a maximum volume.
Themutedcontent attribute onmedia elementsp333
is aboolean attributep65
that controls the default state of the audio output of themedia
resourcep334
, potentially overriding user preferences.
ThedefaultMutedIDL attribute mustreflectp89
themutedp381
content attribute.
4.8.12.13 Time ranges
Objects implementing theTimeRangesp381
interface represent a list of ranges (periods) of time.
interface TimeRanges {
readonly attribute unsigned long length
;
double start
(unsigned long index);
Throws an"IndexSizeError"
DOMException
if the new value is not in the range 0.0 .. 1.0.
media.mutedp381 [ =value]
Returns true if audio is muted, overriding thevolumep381
attribute, and false if thevolumep381
attribute is being honored.
Can be set, to change whether the audio is muted or not.
This attribute has no dynamic effect (it only controls the default state of the element).
Note
This video (an advertisement) autoplays, but to avoid annoying users, it does so without sound, and allows the user to turn the sound
on.
<video src="adverts.cgi?kind=video" controls autoplay loop muted></video>
Example
IDL
381
Extract data from pdf file to excel - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
how to fill out pdf forms in reader; extract data from pdf forms
Extract data from pdf file to excel - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
how to save pdf form data in reader; extract data from pdf into excel
double end
(unsigned long index);
};
ThelengthIDL attribute must return the number of ranges represented by the object.
Thestart(index)method must return the position of the start of theindexth range represented by the object, in seconds measured from the
start of the timeline that the object covers.
Theend(index)method must return the position of the end of theindexth range represented by the object, in seconds measured from the start of
the timeline that the object covers.
These methods must throw"IndexSizeError"
DOMException
s if called with anindexargument greater than or equal to the number of ranges
represented by the object.
When aTimeRangesp381
object is said to be anormalisedTimeRangesobject, the ranges it represents must obey the following criteria:
• The start of a range must be greater than the end of all earlier ranges.
• The start of a range must be less than or equal to the end of that same range.
In other words, the ranges in such an object are ordered, don't overlap, and don't touch (adjacent ranges are folded into one bigger range). A range
can be empty (referencing just a single moment in time), e.g. to indicate that only one frame is currently buffered in the case that the user agent has
discarded the entiremedia resourcep334
except for the current frame, when amedia elementp333
is paused.
Ranges in aTimeRangesp381
object must be inclusive.
The timelines used by the objects returned by thebufferedp347
,seekablep358
andplayedp353
IDL attributes ofmedia elementsp333
must be that
element'smedia timelinep347
.
4.8.12.14 TheTrackEventp382
interface
[Constructor(DOMString type, optional TrackEventInit
eventInitDict)]
interface TrackEvent : Event
{
readonly attribute (VideoTrack
or AudioTrack
or TextTrack
)? track
;
};
dictionary TrackEventInit : EventInit
{
(VideoTrack
or AudioTrack
or TextTrack
)? track = null;
};
media.lengthp382
Returns the number of ranges in the object.
time=media.startp382(index)
Returns the time for the start of the range with the given index.
Throws an"IndexSizeError"
DOMException
if the index is out of range.
time=media.endp382(index)
Returns the time for the end of the range with the given index.
Throws an"IndexSizeError"
DOMException
if the index is out of range.
Note
Thus, the end of a range would be equal to the start of a following adjacent (touching but not overlapping) range. Similarly, a range
covering a whole timeline anchored at zero would have a start equal to zero and an end equal to the duration of the timeline.
Example
IDL
382
C# PDF Text Extract Library: extract text content from PDF file in
Able to extract and get all and partial text content from PDF file. How to C#: Extract Text Content from PDF File. Add necessary references:
c# read pdf form fields; pdf data extraction open source
VB.NET PDF Text Extract Library: extract text content from PDF
Extract and get partial and all text content from PDF file. Extract highlighted text out of PDF document. Extract Text Content from PDF File in VB.NET.
extract pdf form data to xml; how to fill pdf form in reader
Thetrackattribute must return the value it was initialised to. It represents the context information for the event.
4.8.12.15 Event summary
This section is non-normative.
The following events fire onmedia elementsp333
as part of the processing model described above:
Event name
Interface
Fired when...
Preconditions
loadstart
Event
The user agent begins looking formedia datap334
,
as part of theresource selection algorithmp338
.
networkStatep337
equalsNETWORK_LOADINGp337
progress
Event
The user agent is fetchingmedia datap334
.
networkStatep337
equalsNETWORK_LOADINGp337
suspend
Event
The user agent is intentionally not currently
fetchingmedia datap334
.
networkStatep337
equalsNETWORK_IDLEp337
abort
Event
The user agent stops fetching themedia datap334
before it is completely downloaded, but not due to
an error.
errorp334
is an object with the codeMEDIA_ERR_ABORTEDp335
.networkStatep337
equals
eitherNETWORK_EMPTYp337
orNETWORK_IDLEp337
, depending on when the download was
aborted.
error
Event
An error occurs while fetching themedia datap334
or the type of the resource is not supported media
format.
errorp334
is an object with the codeMEDIA_ERR_NETWORKp335
or higher.
networkStatep337
equals eitherNETWORK_EMPTYp337
orNETWORK_IDLEp337
, depending
on when the download was aborted.
emptied
Event
Amedia elementp333
whosenetworkStatep337
was previously not in theNETWORK_EMPTYp337
state has just switched to that state (either
because of a fatal error during load that's about to
be reported, or because theload()p337
method
was invoked while theresource selection
algorithmp338
was already running).
networkStatep337
isNETWORK_EMPTYp337
; all the IDL attributes are in their initial states.
stalled
Event
The user agent is trying to fetchmedia datap334
,
but data is unexpectedly not forthcoming.
networkStatep337
isNETWORK_LOADINGp337
.
loadedmetadata Event
The user agent has just determined the duration
and dimensions of themedia resourcep334
andthe
text tracks are readyp365
.
readyStatep351
is newly equal toHAVE_METADATAp349
or greater for the first time.
loadeddata
Event
The user agent can render themedia datap334
at
thecurrent playback positionp348
for the first time.
readyStatep351
newly increased toHAVE_CURRENT_DATAp350
or greater for the first time.
canplay
Event
The user agent can resume playback of themedia
datap334
, but estimates that if playback were to be
started now, themedia resourcep334
could not be
rendered at the current playback rate up to its end
without having to stop for further buffering of
content.
readyStatep351
newly increased toHAVE_FUTURE_DATAp350
or greater.
canplaythrough Event
The user agent estimates that if playback were to
be started now, themedia resourcep334
could be
rendered at the current playback rate all the way
to its end without having to stop for further
buffering.
readyStatep351
is newly equal toHAVE_ENOUGH_DATAp350
.
playing
Event
Playback is ready to start after having been
paused or delayed due to lack ofmedia datap334
.
readyStatep351
is newly equal to or greater thanHAVE_FUTURE_DATAp350
andpausedp352
is false, orpausedp352
is newly false andreadyStatep351
is equal to or greater than
HAVE_FUTURE_DATAp350
. Even if this event fires, the element might still not bepotentially
playingp352
, e.g. if the element ispaused for user interactionp352
orpaused for in-band
contentp353
.
waiting
Event
Playback has stopped because the next frame is
not available, but the user agent expects that
frame to become available in due course.
readyStatep351
is equal to or less thanHAVE_CURRENT_DATAp350
, andpausedp352
is
false. Eitherseekingp357
is true, or thecurrent playback positionp348
is not contained in any
of the ranges inbufferedp347
. It is possible for playback to stop for other reasons without
pausedp352
being false, but those reasons do not fire this event (and when those situations
resolve, a separateplayingp383
event is not fired either): e.g.,playback has endedp352
, or
playbackstopped due to errorsp352
, or the element haspaused for user interactionp352
or
paused for in-band contentp353
.
event.trackp383
Returns the track object (TextTrackp371
,AudioTrackp360
, orVideoTrackp360
) to which the event relates.
Note
383
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Image: Insert Image to PDF. Image: Remove Image from PDF Page. Image: Copy, Paste, Cut Image in Page. Data: Read, Extract Field Data. Data: Auto Fill-in Field
exporting pdf form to excel; pdf form data extraction
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
External cross references. Private data of other applications. Flatten visible layers. VB.NET Demo Code to Optimize An Exist PDF File in Visual C#.NET Project.
how to save a filled out pdf form in reader; extracting data from pdf into excel
Event name
Interface
Fired when...
Preconditions
seeking
Event
Theseekingp357
IDL attribute changed to true,
and the user agent has started seeking to a new
position.
seeked
Event
Theseekingp357
IDL attribute changed to false
after thecurrent playback positionp348
was
changed.
ended
Event
Playback has stopped because the end of the
media resourcep334
was reached.
currentTimep348
equals the end of themedia resourcep334
;endedp352
is true.
durationchange Event
Thedurationp349
attribute has just been
updated.
timeupdate
Event
Thecurrent playback positionp348
changed as part
of normal playback or in an especially interesting
way, for example discontinuously.
play
Event
The element is no longer paused. Fired after the
play()p354
method has returned, or when the
autoplayp351
attribute has caused playback to
begin.
pausedp352
is newly false.
pause
Event
The element has been paused. Fired after the
pause()p354
method has returned.
pausedp352
is newly true.
ratechange
Event
Either thedefaultPlaybackRatep353
or the
playbackRatep353
attribute has just been
updated.
resize
Event
One or both of thevideoWidthp327
and
videoHeightp327
attributes have just been
updated.
Media elementp333
is avideop325
element;readyStatep351
is notHAVE_NOTHINGp349
volumechange
Event
Either thevolumep381
attribute or themutedp381
attribute has changed. Fired after the relevant
attribute's setter has returned.
The following event fires onsourcep278
element:
Event name Interface
Fired when...
error
Event
An error occurs while fetching themedia datap334
or the type of the resource is not supported media format.
The following events fire onAudioTrackListp359
,VideoTrackListp360
, andTextTrackListp371
objects:
Event name
Interface
Fired when...
change
Event
One or more tracks in the track list have been enabled or disabled.
addtrack
TrackEventp382
A track has been added to the track list.
removetrack TrackEventp382
A track has been removed from the track list.
The following event fires onTextTrackp371
objects andtrackp330
elements:
Event name Interface
Fired when...
cuechange Event
One or more cues in the track have become active or stopped being active.
The following events fire ontrackp330
elements:
Event name Interface
Fired when...
error
Event
An error occurs while fetching the track data or the type of the resource is not supported text track format.
load
Event
A track data has been fetched and successfully processed.
The following events fire onTextTrackCuep375
objects:
Event name Interface
Fired when...
enter
Event
The cue has become active.
exit
Event
The cue has stopped being active.
384
VB.NET PDF File Merge Library: Merge, append PDF files in vb.net
Microsoft Office Word, Excel and PowerPoint data to PDF form. Merge PDF with byte array, fields. Merge PDF without size limitation. Append one PDF file to the end
edit pdf form in reader; extracting data from pdf forms
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. Append one PDF file to the end of another and save to a single PDF file.
pdf data extraction; export excel to pdf form
4.8.12.16 Security and privacy considerations
The main security and privacy implications of thevideop325
andaudiop329
elements come from the ability to embed media cross-origin. There are
two directions that threats can flow: from hostile content to a victim page, and from a hostile page to victim content.
If a victim page embeds hostile content, the threat is that the content might contain scripted code that attempts to interact with theDocumentp103
that embeds the content. To avoid this, user agents must ensure that there is no access from the content to the embedding page. In the case of
media content that uses DOM concepts, the embedded content must be treated as if it was in its own unrelatedtop-level browsing contextp749
.
If a hostile page embeds victim content, the threat is that the embedding page could obtain information from the content that it would not otherwise
have access to. The API does expose some information: the existence of the media, its type, its duration, its size, and the performance
characteristics of its host. Such information is already potentially problematic, but in practice the same information can more or less be obtained
using theimgp280
element, and so it has been deemed acceptable.
However, significantly more sensitive information could be obtained if the user agent further exposes metadata within the content such as subtitles
or chapter titles. Such information is therefore only exposed if the video resource passes a CORSresource sharing check. Thecrossoriginp335
attribute allows authors to control how this check is performed.[FETCH]p1160
4.8.12.17 Best practices for authors using media elements
This section is non-normative.
Playing audio and video resources on small devices such as set-top boxes or mobile phones is often constrained by limited hardware resources in
the device. For example, a device might only support three simultaneous videos. For this reason, it is a good practice to release resources held by
media elementsp333
when they are done playing, either by being very careful about removing all references to the element and allowing it to be
garbage collected, or, even better, by removing the element'ssrcp335
attribute and anysourcep278
element descendants, and invoking the
element'sload()p337
method.
Similarly, when the playback rate is not exactly 1.0, hardware, software, or format limitations can cause video frames to be dropped and audio to be
choppy or muted.
4.8.12.18 Best practices for implementors of media elements
This section is non-normative.
How accurately various aspects of themedia elementp333
API are implemented is considered a quality-of-implementation issue.
For example, when implementing thebufferedp347
attribute, how precise an implementation reports the ranges that have been buffered depends
on how carefully the user agent inspects the data. Since the API reports ranges as times, but the data is obtained in byte streams, a user agent
receiving a variable-bit-rate stream might only be able to determine precise times by actually decoding all of the data. User agents aren't required to
do this, however; they can instead return estimates (e.g. based on the average bitrate seen so far) which get revised as more information becomes
available.
As a general rule, user agents are urged to be conservative rather than optimistic. For example, it would be bad to report that everything had been
buffered when it had not.
Another quality-of-implementation issue would be playing a video backwards when the codec is designed only for forward playback (e.g. there
aren't many key frames, and they are far apart, and the intervening frames only have deltas from the previous frame). User agents could do a poor
For instance, if an SVG animation was embedded in avideop325
element, the user agent would not give it access to the DOM of the
outer page. From the perspective of scripts in the SVG resource, the SVG file would appear to be in a lone top-level browsing context
with no parent.
Example
Without this restriction, an attacker could trick a user running within a corporate network into visiting a site that attempts to load a video
from a previously leaked location on the corporation's intranet. If such a video included confidential plans for a new product, then being
able to read the subtitles would present a serious confidentiality breach.
Example
385
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
Library. Best Microsoft Office Excel to adobe PDF file converter SDK for Visual Studio .NET. Merge all Excel sheets to one PDF file. Export
how to make pdf editable form reader; flatten pdf form in reader
C# PDF File Compress Library: Compress reduce PDF size in C#.net
All object data. File attachment. External cross references. Private data of other applications. Flatten visible layers. C#.NET DLLs: Compress PDF Document.
save pdf forms in reader; vb extract data from pdf
job, e.g. only showing key frames; however, better implementations would do more work and thus do a better job, e.g. actually decoding parts of the
video forwards, storing the complete frames, and then playing the frames backwards.
Similarly, while implementations are allowed to drop buffered data at any time (there is no requirement that a user agent keep all the media data
obtained for the lifetime of the media element), it is again a quality of implementation issue: user agents with sufficient resources to keep all the data
around are encouraged to do so, as this allows for a better user experience. For example, if the user is watching a live stream, a user agent could
allow the user only to view the live video; however, a better user agent would buffer everything and allow the user to seek through the earlier
material, pause it, play it forwards and backwards, etc.
When amedia elementp333
that is paused isremoved from a documentp43
and not reinserted before the next time theevent loopp842
reachesstep
1p843
, implementations that are resource constrained are encouraged to take that opportunity to release all hardware resources (like video planes,
networking resources, and data buffers) used by themedia elementp333
. (User agents still have to keep track of the playback position and so forth,
though, in case playback is later restarted.)
Categoriesp114:
Flow contentp117
.
Phrasing contentp117
.
Palpable contentp118
.
Contexts in which this element can be usedp114:
Wherephrasing contentp117
is expected.
Content modelp114:
Transparentp119
.
Tag omission in text/htmlp114:
Neither tag is omissible.
Content attributesp114:
Global attributesp121
namep386
— Name ofimage mapp389
to reference from theusemapp389
attribute
DOM interfacep114:
interface HTMLMapElement : HTMLElement
{
[CEReactions
] attribute DOMString name
;
[SameObject] readonly attribute HTMLCollection
areas
;
};
Themapp386
element, in conjunction with animgp280
element and anyareap387
element descendants, defines animage mapp389
. The element
representsp112
its children.
Thenameattribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no
space charactersp64
. The value of thenamep386
attribute must not be acompatibility-caselessp63
match for the value of thenamep386
attribute of
anothermapp386
element in the sametree
. If theidp122
attribute is also specified, both attributes must have the same value.
Theareasattribute must return anHTMLCollection
rooted at themapp386
element, whose filter matches onlyareap387
elements.
The IDL attributenamemustreflectp89
the content attribute of the same name.
map.areasp386
Returns anHTMLCollection
of theareap387
elements in themapp386
.
Note
Example
IDL
4.8.13 Themapelement
386
Categoriesp114:
Flow contentp117
.
Phrasing contentp117
.
Contexts in which this element can be usedp114:
Wherephrasing contentp117
is expected, but only if there is amapp386
element ancestor or atemplatep579
element ancestor.
Content modelp114:
Nothingp115
.
Tag omission in text/htmlp114:
Noend tagp954
.
Content attributesp114:
Global attributesp121
altp388
— Replacement text for use when images are not available
coordsp388
— Coordinates for the shape to be created in animage mapp389
shapep388
— The kind of shape to be created in animage mapp389
hrefp244
— Address of thehyperlinkp244
targetp244
Browsing contextp748
forhyperlinkp244
navigationp788
downloadp245
— Whether to download the resource instead of navigating to it, and its file name if so
pingp245
URLs
to ping
relp245
— Relationship between the location in the document containing the hyperlink and the destination resource
DOM interfacep114:
interface HTMLAreaElement : HTMLElement
{
[CEReactions
] attribute DOMString alt
;
Image maps can be defined in conjunction with other content on the page, to ease maintenance. This example is of a page with an
image map at the top of the page and a corresponding set of text links at the bottom.
<!DOCTYPE HTML>
<HTML LANG="EN">
<TITLE>Babies™: Toys</TITLE>
<HEADER>
<H1>Toys</H1>
<IMG SRC="/images/menu.gif"
ALT="Babies™ navigation menu. Select a department to go to its page."
USEMAP="#NAV">
</HEADER>
...
<FOOTER>
<MAP NAME="NAV">
<P>
<A HREF="/clothes/">Clothes</A>
<AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"> |
<A HREF="/toys/">Toys</A>
<AREA ALT="Toys" COORDS="100,0,200,50" HREF="/toys/"> |
<A HREF="/food/">Food</A>
<AREA ALT="Food" COORDS="200,0,300,50" HREF="/food/"> |
<A HREF="/books/">Books</A>
<AREA ALT="Books" COORDS="300,0,400,50" HREF="/books/">
</P>
</MAP>
</FOOTER>
IDL
4.8.14 Theareaelement
387
[CEReactions
] attribute DOMString coords
;
[CEReactions
] attribute DOMString shape
;
[CEReactions
] attribute DOMString target
;
[CEReactions
] attribute DOMString download
;
[CEReactions
] attribute USVString ping
;
[CEReactions
] attribute DOMString rel
;
[CEReactions
, SameObject, PutForwards=value
] readonly attribute DOMTokenList
relList
;
[CEReactions
] attribute DOMString referrerPolicy
;
// also has obsolete members
};
HTMLAreaElement
implements HTMLHyperlinkElementUtils
;
Theareap387
elementrepresentsp112
either a hyperlink with some text and a corresponding area on animage mapp389
, or a dead area on an image
map.
Anareap387
element with a parent node must have amapp386
element ancestor or atemplatep579
element ancestor.
If theareap387
element has anhrefp244
attribute, then theareap387
element represents ahyperlinkp244
. In this case, thealtattribute must be
present. It specifies the text of the hyperlink. Its value must be text that, when presented with the texts specified for the other hyperlinks of the
image mapp389
, and with the alternative text of the image, but without the image itself, provides the user with the same kind of choice as the
hyperlink would when used without its text but with its shape applied to the image. Thealtp388
attribute may be left blank if there is another
areap387
element in the sameimage mapp389
that points to the same resource and has a non-blankaltp388
attribute.
If theareap387
element has nohrefp244
attribute, then the area represented by the element cannot be selected, and thealtp388
attribute must be
omitted.
In both cases, theshapep388
andcoordsp388
attributes specify the area.
Theshapeattribute is anenumerated attributep65
. The following table lists the keywords defined for this attribute. The states given in the first cell of
the rows with keywords give the states to which those keywords map. Some of the keywords are non-conforming, as noted in the last column.
State
Keywords
Notes
circle
Circle statep388
circ
Non-conforming
Default statep388
default
poly
Polygon statep388
polygon
Non-conforming
rect
Rectangle statep389
rectangle Non-conforming
The attribute may be omitted. Themissing value defaultp65
is therectanglep389
state.
Thecoordsattribute must, if specified, contain avalid list of floating-point numbersp69
. This attribute gives the coordinates for the shape described
by theshapep388
attribute. The processing for this attribute is described as part of theimage mapp389
processing model.
In thecircle state,areap387
elements must have acoordsp388
attribute present, with three integers, the last of which must be non-negative. The
first integer must be the distance inCSS pixels
from the left edge of the image to the center of the circle, the second integer must be the distance in
CSS pixels
from the top edge of the image to the center of the circle, and the third integer must be the radius of the circle, again inCSS pixels
.
In thedefault statestate,areap387
elements must not have acoordsp388
attribute. (The area is the whole image.)
In thepolygon state,areap387
elements must have acoordsp388
attribute with at least six integers, and the number of integers must be even.
Each pair of integers must represent a coordinate given as the distances from the left and the top of the image inCSS pixels
respectively, and all
the coordinates together must represent the points of the polygon, in order.
388
In therectangle state,areap387
elements must have acoordsp388
attribute with exactly four integers, the first of which must be less than the third,
and the second of which must be less than the fourth. The four points must represent, respectively, the distance from the left edge of the image to
the left side of the rectangle, the distance from the top edge to the top side, the distance from the left edge to the right side, and the distance from
the top edge to the bottom side, all inCSS pixels
.
When user agents allow users tofollow hyperlinksp250
ordownload hyperlinksp251
created using theareap387
element, as described in the next
section, thehrefp244
,targetp244
,downloadp245
, andpingp245
attributes decide how the link is followed. Therelp245
attribute may be used to
indicate to the user the likely nature of the target resource before the user follows the link.
Thetargetp244
,downloadp245
,pingp245
,relp245
, andreferrerpolicyp245
attributes must be omitted if thehrefp244
attribute is not present.
If theitempropp679
attribute is specified on anareap387
element, then thehrefp244
attribute must also be specified.
Theactivation behaviourp710
ofareap387
elements is to run the following steps:
1. If theareap387
element'snode document
is notfully activep749
, then abort these steps.
2. If theareap387
element has adownloadp245
attribute and the algorithm is notallowed to show a popupp752
; or, if the user has not
indicated a specificbrowsing contextp748
for following the link, and the element'stargetp244
attribute is present, and applyingthe rules
for choosing a browsing context given a browsing context namep753
, using the value of thetargetp244
attribute as the browsing context
name, would result in there not being a chosen browsing context, then run these substeps:
1. If there is anentry settings objectp836
, throw an"InvalidAccessError"
DOMException
.
2. Abort these steps without following the hyperlink.
3. Otherwise, the user agent mustfollow the hyperlinkp250
ordownload the hyperlinkp251
created by theareap387
element, if any, and as
determined by thedownloadp245
attribute and any expressed user preference.
The IDL attributesalt,coords,target,download,ping, andrel, each mustreflectp89
the respective content attributes of the same name.
The IDL attributeshapemustreflectp89
theshapep388
content attribute.
The IDL attributerelListmustreflectp89
therelp245
content attribute.
The IDL attributereferrerPolicymustreflectp89
thereferrerpolicyp245
content attribute,limited to only known valuesp90
.
4.8.15.1 Authoring
Animage mapallows geometric areas on an image to be associated withhyperlinksp244
.
An image, in the form of animgp280
element or anobjectp318
element representing an image, may be associated with an image map (in the form
of amapp386
element) by specifying ausemapattribute on theimgp280
orobjectp318
element. Theusemapp389
attribute, if specified, must be a
valid hash-name referencep85
to amapp386
element.
Consider an image that looks as follows:
Example
4.8.15 Image maps
389
4.8.15.2Processing model
If animgp280
element or anobjectp318
element representing an image has ausemapp389
attribute specified, user agents must process it as
follows:
1. Parse the attribute's value using therules for parsing a hash-name referencep85
to amapp386
element, with the element as the context
node. This will return either an element (themap) or null.
2. If that returned null, then abort these steps. The image is not associated with an image map after all.
3. Otherwise, the user agent must collect all theareap387
elements that are descendants of themap. Let those be theareas.
Having obtained the list ofareap387
elements that form the image map (theareas), interactive user agents must process the list in one of two ways.
If the user agent intends to show the text that theimgp280
element represents, then it must use the following steps.
1. Remove all theareap387
elements inareasthat have nohrefp244
attribute.
2. Remove all theareap387
elements inareasthat have noaltp388
attribute, or whosealtp388
attribute's value is the empty string,ifthere
is anotherareap387
element inareaswith the same value in thehrefp244
attribute and with a non-emptyaltp388
attribute.
3. Each remainingareap387
element inareasrepresents ahyperlinkp244
. Those hyperlinks should all be made available to the user in a
manner associated with the text of theimgp280
.
In this context, user agents may representareap387
andimgp280
elements with no specifiedaltattributes, or whosealtattributes are
the empty string or some other non-visible text, in a user-agent-defined fashion intended to indicate the lack of suitable author-provided
text.
If the user agent intends to show the image and allow interaction with the image to select hyperlinks, then the image must be associated with a set
of layered shapes, taken from theareap387
elements inareas, in reversetree order
(so the last specifiedareap387
element in themapis the
bottom-most shape, and the first element in themap, intree order
, is the top-most shape).
Eachareap387
element inareasmust be processed as follows to obtain a shape to layer onto the image:
1. Find the state that the element'sshapep388
attribute represents.
2. Use therules for parsing a list of floating-point numbersp69
to parse the element'scoordsp388
attribute, if it is present, and let the result
be thecoordslist. If the attribute is absent, let thecoordslist be the empty list.
3. If the number of items in thecoordslist is less than the minimum number given for theareap387
element's current state, as per the
following table, then the shape is empty; abort these steps.
If we wanted just the coloured areas to be clickable, we could do it as follows:
<p>
Please select a shape:
<img src="shapes.png" usemap="#shapes"
alt="Four shapes are available: a red hollow box, a green circle, a blue triangle, and a
yellow four-pointed star.">
<map name="shapes">
<area shape=rect coords="50,50,100,100"> <!-- the hole in the red box -->
<area shape=rect coords="25,25,125,125" href="red.html" alt="Red box.">
<area shape=circle coords="200,75,50" href="green.html" alt="Green circle.">
<area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="Blue triangle.">
<area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60"
href="yellow.html" alt="Yellow star.">
</map>
</p>
In user agents that do not support images, or that have images disabled,objectp318
elements cannot represent images, and thus this
section never applies (thefallback contentp118
is shown instead). The following steps therefore only apply toimgp280
elements.
Note
390
Documents you may be interested
Documents you may be interested