← 返回首页
WebGL2RenderingContext: bufferData() Methode - Web-APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. Web-APIs
  3. WebGL2RenderingContext
  4. bufferData()
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

WebGL2RenderingContext: bufferData() Methode

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2021 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die WebGL2RenderingContext.bufferData() Methode der WebGL API erstellt und initialisiert den Datenspeicher des Pufferobjekts.

In diesem Artikel

Syntax

js
bufferData(target, size, usage) bufferData(target, srcData, usage) bufferData(target, srcData, usage, srcOffset) bufferData(target, srcData, usage, srcOffset, length)

Parameter

target

Ein GLenum, das den Bindungspunkt (Ziel) angibt. Mögliche Werte:

gl.ARRAY_BUFFER

Puffer, der Vertex-Attribute enthält, wie z. B. Vertexkoordinaten, Texturkoordinatendaten oder Vertexfarbdaten.

gl.ELEMENT_ARRAY_BUFFER

Puffer, der für Elementindizes verwendet wird.

gl.COPY_READ_BUFFER

Puffer zum Kopieren von einem Pufferobjekt auf ein anderes.

gl.COPY_WRITE_BUFFER

Puffer zum Kopieren von einem Pufferobjekt auf ein anderes.

gl.TRANSFORM_FEEDBACK_BUFFER

Puffer für Transform-Feedback-Operationen.

gl.UNIFORM_BUFFER

Puffer zum Speichern von Uniform-Blöcken.

gl.PIXEL_PACK_BUFFER

Puffer für Pixelübertragungsoperationen.

gl.PIXEL_UNPACK_BUFFER

Puffer für Pixelübertragungsoperationen.

size Optional

Ein GLsizeiptr, der die Größe des Datenspeichers des Pufferobjekts in Bytes festlegt. Eines von size und srcData muss angegeben werden.

srcData Optional

Ein TypedArray oder ein DataView, das ein ArrayBuffer oder SharedArrayBuffer ansieht, das in den Datenspeicher kopiert wird. Wenn null, wird trotzdem ein Datenspeicher erstellt, dessen Inhalt jedoch nicht initialisiert und undefiniert ist. Eines von size und srcData muss angegeben werden.

usage

Ein GLenum, das für die beabsichtigte Nutzungsmuster des Datenspeichers zur Optimierung angegeben wird. Mögliche Werte:

gl.STATIC_DRAW

Der Inhalt soll einmal von der Anwendung spezifiziert werden und wird mehrmals als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet.

gl.DYNAMIC_DRAW

Der Inhalt soll von der Anwendung wiederholt neu spezifiziert und oft als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet werden.

gl.STREAM_DRAW

Der Inhalt soll einmal von der Anwendung spezifiziert und höchstens ein paar Mal als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet werden.

gl.STATIC_READ

Der Inhalt soll einmal durch das Lesen von Daten aus WebGL spezifiziert und von der Anwendung öfter abgefragt werden.

gl.DYNAMIC_READ

Der Inhalt soll durch wiederholtes Lesen von Daten aus WebGL neu spezifiziert und oft von der Anwendung abgefragt werden.

gl.STREAM_READ

Der Inhalt soll einmal durch das Lesen von Daten aus WebGL spezifiziert und höchstens ein paar Mal von der Anwendung abgefragt werden.

gl.STATIC_COPY

Der Inhalt soll einmal durch das Lesen von Daten aus WebGL spezifiziert und oft als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet werden.

gl.DYNAMIC_COPY

Der Inhalt soll durch wiederholtes Lesen von Daten aus WebGL neu spezifiziert und oft als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet werden.

gl.STREAM_COPY

Der Inhalt soll einmal durch das Lesen von Daten aus WebGL spezifiziert und höchstens ein paar Mal als Quelle für WebGL-Zeichen- und Bildspezifikationsbefehle verwendet werden.

srcOffset Optional

Ein GLuint, der den Elementindex-Offset angibt, ab dem der Puffer gelesen werden soll. Nur erlaubt, wenn srcData bereitgestellt wird.

length Optional

Ein GLuint, standardmäßig 0. Nur erlaubt, wenn srcOffset angegeben ist.

Rückgabewert

Keiner (undefined).

Ausnahmen

  • Ein gl.OUT_OF_MEMORY-Fehler wird ausgelöst, wenn der Kontext nicht in der Lage ist, einen Datenspeicher mit der angegebenen size zu erstellen.
  • Ein gl.INVALID_VALUE-Fehler wird ausgelöst, wenn size negativ ist.
  • Ein gl.INVALID_ENUM-Fehler wird ausgelöst, wenn target oder usage nicht einer der erlaubten Enums sind.

Spezifikationen

Spezifikation
WebGL Specification
# 5.14.5

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. WebGL: 2D and 3D graphics for the web
  2. WebGL2RenderingContext
  3. Instanzeigenschaften
    1. drawingBufferColorSpace
    2. unpackColorSpace
  4. Instanzmethoden
    1. beginQuery()
    2. beginTransformFeedback()
    3. bindBufferBase()
    4. bindBufferRange()
    5. bindSampler()
    6. bindTransformFeedback()
    7. bindVertexArray()
    8. blitFramebuffer()
    9. bufferData()
    10. bufferSubData()
    11. clearBuffer[fiuv]()
    12. clientWaitSync()
    13. compressedTexImage3D()
    14. compressedTexSubImage3D()
    15. copyBufferSubData()
    16. copyTexSubImage3D()
    17. createQuery()
    18. createSampler()
    19. createTransformFeedback()
    20. createVertexArray()
    21. deleteQuery()
    22. deleteSampler()
    23. deleteSync()
    24. deleteTransformFeedback()
    25. deleteVertexArray()
    26. drawArraysInstanced()
    27. drawBuffers()
    28. drawElementsInstanced()
    29. drawRangeElements()
    30. endQuery()
    31. endTransformFeedback()
    32. fenceSync()
    33. framebufferTextureLayer()
    34. getActiveUniformBlockName()
    35. getActiveUniformBlockParameter()
    36. getActiveUniforms()
    37. getBufferSubData()
    38. getFragDataLocation()
    39. getIndexedParameter()
    40. getInternalformatParameter()
    41. getQuery()
    42. getQueryParameter()
    43. getSamplerParameter()
    44. getSyncParameter()
    45. getTransformFeedbackVarying()
    46. getUniformBlockIndex()
    47. getUniformIndices()
    48. invalidateFramebuffer()
    49. invalidateSubFramebuffer()
    50. isQuery()
    51. isSampler()
    52. isSync()
    53. isTransformFeedback()
    54. isVertexArray()
    55. pauseTransformFeedback()
    56. readBuffer()
    57. renderbufferStorageMultisample()
    58. resumeTransformFeedback()
    59. samplerParameter[if]()
    60. texImage3D()
    61. texStorage2D()
    62. texStorage3D()
    63. texSubImage3D()
    64. transformFeedbackVaryings()
    65. uniform[1234][uif][v]()
    66. uniformBlockBinding()
    67. uniformMatrix[234]x[234]fv()
    68. vertexAttribDivisor()
    69. vertexAttribI4[u]i[v]()
    70. vertexAttribIPointer()
    71. waitSync()
  5. Verwandte Seiten für WebGL
    1. ANGLE_instanced_arrays
    2. EXT_blend_minmax
    3. EXT_color_buffer_half_float
    4. EXT_disjoint_timer_query
    5. EXT_frag_depth
    6. EXT_sRGB
    7. EXT_shader_texture_lod
    8. EXT_texture_filter_anisotropic
    9. OES_draw_buffers_indexed
    10. OES_element_index_uint
    11. OES_standard_derivatives
    12. OES_texture_float
    13. OES_texture_float_linear
    14. OES_texture_half_float
    15. OES_texture_half_float_linear
    16. OES_vertex_array_object
    17. WEBGL_color_buffer_float
    18. WEBGL_compressed_texture_etc1
    19. WEBGL_compressed_texture_pvrtc
    20. WEBGL_compressed_texture_s3tc
    21. WEBGL_compressed_texture_s3tc_srgb
    22. WEBGL_debug_renderer_info
    23. WEBGL_debug_shaders
    24. WEBGL_depth_texture
    25. WEBGL_draw_buffers
    26. WEBGL_lose_context
    27. WebGLActiveInfo
    28. WebGLBuffer
    29. WebGLContextEvent
    30. WebGLFramebuffer
    31. WebGLObject
    32. WebGLProgram
    33. WebGLQuery
    34. WebGLRenderbuffer
    35. WebGLRenderingContext
    36. WebGLSampler
    37. WebGLShader
    38. WebGLShaderPrecisionFormat
    39. WebGLSync
    40. WebGLTexture
    41. WebGLTransformFeedback
    42. WebGLUniformLocation
    43. WebGLVertexArrayObject
  6. Anleitungen
    1. WebGL-Konstanten
    2. WebGL-Typen
    3. WebGL Model-View-Projektion
    4. WebGL-Best Practices
    5. WebGL anhand von Beispielen
    6. Ein einfaches 2D-WebGL-Animationsbeispiel
    7. Komprimierte Texturformate
    8. Daten in WebGL
    9. Matrixrechnung für das Web
    10. Verwenden von WebGL-Erweiterungen
  7. Anleitung
    1. WebGL-Tutorial
    2. Einführung in WebGL
    3. Hinzufügen von 2D-Inhalten zu einem WebGL-Kontext
    4. Verwendung von Shadern zur Farbapplikation in WebGL
    5. Objekte mit WebGL animieren
    6. Erstellen von 3D-Objekten mit WebGL
    7. Verwendung von Texturen in WebGL
    8. Beleuchtung in WebGL
    9. Animieren von Texturen in WebGL

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.