首页 > 其他分享 >canvas webgl

canvas webgl

时间:2024-07-24 12:08:28浏览次数:9  
标签:canvas ab MAX webgl ac getParameter WEBGL SIZE

 

 

 

var aa = document.createElement('canvas');
ab = aa.getContext('webgl');
debugger;

var ac = {
    'contextName': ab.getParameter(ab['VERSION']),
    'glVersion': ab.getParameter(ab['VERSION']),
    'shadingLanguageVersion': ab.getParameter(ab['SHADING_LANGUAGE_VERSION']),
    'vendor': ab.getParameter(ab['VENDOR']),
    'renderer': ab.getParameter(ab['RENDERER']),
    'unmaskedVendor': null,
    'unmaskedRenderer': null,
    'antialias': ab.getContextAttributes()['antialias'],
    'extensions': ab.getSupportedExtensions(),
    'maxTextureSize': ab.getParameter(ab['MAX_TEXTURE_SIZE']),
    'maxViewportDims': ab.getParameter(ab['MAX_VIEWPORT_DIMS']),
    'maxCubeMapTextureSize': ab.getParameter(ab['MAX_CUBE_MAP_TEXTURE_SIZE']),
    'maxRenderbufferSize': ab.getParameter(ab['MAX_RENDERBUFFER_SIZE']),
    'maxVaryingVectors': ab.getParameter(ab['MAX_VARYING_VECTORS']),
    'maxVertexAttribs': ab.getParameter(ab['MAX_VERTEX_ATTRIBS']),
    'maxVertexTextureImageUnits': ab.getParameter(ab['MAX_VERTEX_TEXTURE_IMAGE_UNITS']),
    'maxVertexUniformVectors': ab.getParameter(ab['MAX_VERTEX_UNIFORM_VECTORS']),
    'aliasedLineWidthRange': ab.getParameter(ab['ALIASED_LINE_WIDTH_RANGE']),
    'aliasedPointSizeRange': ab.getParameter(ab['ALIASED_POINT_SIZE_RANGE']),
    'maxFragmentUniformVectors': ab.getParameter(ab['MAX_FRAGMENT_UNIFORM_VECTORS'])
};


ad = ab.getExtension('WEBGL_debug_renderer_info');
ac['unmaskedVendor'] = ab.getParameter(ad['UNMASKED_VENDOR_WEBGL']);
ac['unmaskedRenderer'] = ab.getParameter(ad['UNMASKED_RENDERER_WEBGL']);

let t_j = JSON.stringify(ac);
console.log(t_j);
debugger;

 

标签:canvas,ab,MAX,webgl,ac,getParameter,WEBGL,SIZE
From: https://www.cnblogs.com/angdh/p/18320577

相关文章

  • Android开发 - onDraw方法中canvas参数解析与使用
    drawRoundRect参数解析canvas.drawRoundRect(RectFrect,floatrx,floatry,Paintpaint):rect:RectF对象rx:x方向上的圆角半径ry:y方向上的圆角半径paint:绘制时所使用的画笔绘制圆角矩形实例实例protectedvoidonDraw(Canvascanvas){//TODOAuto-generat......
  • 基于 HTML5 和 Canvas 开发的在线图片编辑器
    预览https://zaixianps.net技术栈HTML5:构建用户界面,提供语义化标签。CSS3:美化界面,增强用户体验。JavaScript:处理用户交互,管理Canvas操作。CanvasAPI:主要绘图工具,用于图像处理。项目结构image-editor/│├──index.html//主页面├──style.css//......
  • 【Canvas与艺术】五星五色瓶盖
    【成图】【代码】<!DOCTYPEhtml><htmllang="utf-8"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><title>五星五色瓶盖艺术</title><styletype="text/css&q......
  • 【Canvas与艺术】不忘初心之五角星
    【成图】【代码】<!DOCTYPEhtml><htmllang="utf-8"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><title>不忘初心</title><styletype="text/css"......
  • WebGL-编译报错,如何定位sendfile报错位置
    1)WebGL-编译报错,如何定位sendfile报错位置2)设置DepthBufferBits和设置DepthStencilFormat的区别3)Unity打包exe后,游戏内拉不起Steam的内购4)使用了PlayAssetDelivery提交版本被Google报错这是第395篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答、社区帖子等技术......
  • html+canvas 实现签名功能-手机触摸
    手机上的效果图需要注意,手机触摸和鼠标不是一个事件,不能通用,上一篇是关于使用鼠标的样例相关代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0&......
  • html+canvas 实现签名功能
    运行效果代码样例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</t......
  • canvas快速入门(二)直线与折线的绘画
    注释很详细,直接上代码新增内容:1.直线绘制方法2.折线绘制方法3.画笔颜色调整方法4.画笔粗细调整方法项目结构:源码:index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="......
  • WPF Canvas ZoomIn ZoomOut via set Background="Transparent"
    <CanvasGrid.Column="1"Background="Transparent"x:Name="cvs"ClipToBounds="True"MouseWheel="cvs_MouseWheel"MouseDown="cvs_MouseDown"MouseUp="cvs_MouseUp"MouseMove="cvs_......
  • WPF canvas locate
    //xaml<Windowx:Class="WpfApp210.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.mi......