Книга: JavaScript. Подробное руководство, 6-е издание
Canvas
Canvas
HTML-элемент для создания графических изображений (Node, Element)
Объект Canvas представляет HTML-элемент <canvas>.
Он не обладает собственным поведением, но определяет API для поддержки операций рисования. С помощью этого объекта можно задать ширину и высоту холста с помощью его свойств width
и height
, а вызовом метода toDataUrl()
из него можно извлечь изображение, но основная функциональность обеспечивается объектом «контекста», возвращаемого методом getContext().
Смотрите справочную статью CanvasRenderingContext2D.
Свойства
unsigned long height
unsigned long width
Эти свойства соответствуют атрибутам width
и height
тега <canvas>
и определяют размеры координатной плоскости холста. По умолчанию свойство width
имеет значение 300, a height
- 150.
Объекты Blob
позволяют узнать только свой размер и иногда MIME-тип хранящихся в них данных и определяют единственный метод, позволяющий интерпретировать фрагмент своих данных как отдельный объект Blob
.
Объекты Blob
используются многими прикладными интерфейсами: объект FileReader
позволяет читать содержимое объекта Blob
, а объект BlobBuilder
- создавать новые объекты Blob
. Объект XMLHttpRequest
обеспечивает возможность загружать и выгружать объекты Blob
. Обсуждение объектов Blob
и прикладных интерфейсов, использующих их, вы найдете в разделе 22.6.
Свойства
readonly unsigned long size
Объем двоичных данных в объекте Blob
в байтах,
readonly string type
МІМЕ-тип данных в объекте Blob, если указан, в противном случае - пустая строка.
Методы
Blob slice(unsigned long start, unsigned long length, [string contentType])
Возвращает новый объект Blob
, представляющий length
байтов в данном объекте Blob
, начиная со смещения start
. Если указан аргумент contentType
, он будет использован, как значение свойства type
возвращаемого объекта Blob
- ApplicationCache
- ArrayBuffer
- ArrayBufferView
- Attr
- Audio
- BeforeUnloadEvent
- Blob
- BlobBuilder
- Button
- Canvas
- BlobBuilder
- Button
- Canvas
- CanvasGradient
- CanvasPattern
- CanvasRenderingContext2D
- ClientRect
- CloseEvent
- Comment
- Console
- ConsoleCommandLine
- CSS2Properties
- CSSRule
- CSSStyleDeclaration
- CSSStyleSheet
- DataTransfer
- DataView
- Document
- DocumentFragment
- DocumentType
- DOMException
- DOMImplementation
- DOMSettableTokenList
- DOMTokenList
- Element
- ErrorEvent
- Event
- EventSource
- EventTarget
- FieldSet
- File
- FileError
- FileReader
- FileReaderSync
- Form
- FormControl
- Form Data
- FormValidity
- Geocoordinates
- Geolocation
- GeolocationError
- Geoposition
- HashChangeEvent
- History
- HTMLCollection
- HTMLDocument
- HTMLEIement
- HTMLFormControlsCollection
- HTMLOptionsCollection
- IFrame
- Image
- ImageData
- Input
- jQuery jQuery 1.4
- KeyEvent
- Label
- Link
- Location
- MediaElement
- MediaError
- MessageChannel
- MessageEvent
- MessagePort
- Meter
- MouseEvent
- Navigator
- Node
- NodeList
- Option
- Output
- PageTransitionEvent
- PopStateEvent
- ProcessingInstruction
- Progress
- ProgressEvent
- Screen
- Script
- Select
- Storage
- StorageEvent
- Style
- Table
- TableCell
- TableRow
- TableSection
- Text
- TextArea
- TextMetrics
- TimeRanges
- TypedArray
- URL
- Video
- WebSocket
- Window
- Worker
- WorkerGlobalScope
- WorkerLocation
- WorkerNavigator
- XMLHttpRequest
- XMLHttpRequestUpload