草庐IT

javascript - 读取 WebGLTexture 中的像素(将 WebGL 渲染到纹理)

我在GPU上生成纹理并将其渲染到我自己的帧缓冲区对象。它工作正常,纹理被渲染到我可以传递给其他着色器的WebGLTexture。但是我想访问javascript中的WebGLTexture像素。有办法实现吗?目前我正在使用gl.ReadPixels在我将纹理绘制到我的帧缓冲区后读取像素。这工作正常,但如果我可以直接访问WebGLTextureObject中的像素不是更好吗?我想要完成的是:我有GLSLperlin噪声着色器,可以在GPU上渲染高清高度图和法线贴图。我想将高度图传递给CPU,以便为网格生成顶点。我当然可以只在顶点着色器中定位顶点,但我需要它在CPU中进行碰撞检测。我希望我

javascript - 渲染结果像素化(或 : has lower resolution that it should)

我正在做一些原型(prototype)设计,我正在使用three.js(版本68)以3D形式显示一些数据。整个动画的预期结果将是一堆彩色球(代表根据某种模式着色的质子和中子)。一切正常,但由于我不知道的原因,渲染的结果是像素化的。当前版本基本上是这样的(这张图片宽约400像素):我检查了所有明显的事情,例如:传递不正确的分辨率、浏览器缩放等等。您可以在thisfiddle上查看此问题,并下载webpagehere.这里还有相关的代码部分:canvas{width:100%;height:100%}$(function(){ctrl=newAnimController("#animati

javascript - jspdf默认 'a4'格式的像素宽度和长度是多少?

jspdf'a4'格式的像素大小是多少?我想将图像添加到pdf,这样它将占据文档的整个宽度。newjsPDF('p','pt','a4'); 最佳答案 newjsPDF('p','pt',[595.28,841.89])在GitHub上的源代码中,您可以看到supportedunits(相对于pt的比例),你还可以看到defaultpageformats(它们的尺寸以磅为单位)。希望对你有帮助,劳拉。 关于javascript-jspdf默认'a4'格式的像素宽度和长度是多少?,我们在S

javascript - 获取图像相对左上角的像素坐标

我需要在点击相对左上角时获取图像坐标。所以图像的左上角是有条件的0,0,然后是第一个像素1,0...2..0等等。javascript构造中有什么东西可以用来获得这个逻辑吗? 最佳答案 你可以试试这样的:-functionfindPos(obj){varcurleft=0;varcurtop=0;if(obj.offsetParent){do{curleft+=obj.offsetLeft;curtop+=obj.offsetTop;}while(obj=obj.offsetParent);return{X:curleft,Y:cu

javascript - KineticJS strokeWidth 为 1 会导致模糊的半透明线而不是尖锐的 1 像素线

我环顾了互联网但一无所获,我查看了其他KineticJS示例,这些示例在其矩形上使用strokeWidth为1,它们似乎都有一条半透明的2像素线而不是漂亮的锐利1px不透明的黑线。现在,我猜测由于Google没有任何解决方案非常简单或不可能,但是..你知道我如何使用KineticJS获得1像素的边框吗?$(window).load(function(){varstage=newKinetic.Stage({container:"kineticdiv",width:700,height:400});varlayer=newKinetic.Layer();varrect=newKineti

javascript - Google Maps : Get click or marker (x, y) 标记点击监听器内的像素坐标

我正在尝试在点击标记时在map标记上完全显示自定义信息窗口。我已经成功实现了thisanswer让div显示在mapCanvas上单击...但我无法在标记单击时复制它。是否有可能在标记点击功能中获取标记像素位置,并抑制普通信息窗口以显示所需的自定义信息窗口?我试过这个:google.maps.event.addListener(marker,'click',function(args){varx=args.pixel.x+$('#map').offset().left;//weclickedherevary=args.pixel.y;info.style.left=x+'px';inf

javascript - 在javascript中测量以像素为单位的字符串长度

如果我知道字体大小和字体系列,我如何在javascript中找到以像素为单位的字符串长度? 最佳答案 最简单的解决方案是创建一个内存Canvas(即不添加到DOM的Canvas),然后使用measureText函数:varcanvas=document.createElement('canvas');varctx=canvas.getContext("2d");ctx.font="11pxArial";varwidth=ctx.measureText(str).width; 关于java

javascript - 在 Chrome 中查找 "normal"行高的像素值

这个问题在这里已经有了答案:JavaScript:FindDIV'sline-height,notCSSpropertybutactualline-height(8个答案)关闭3个月前。我有一个行高设置为“正常”的文本区域。但是,我仍然可以在FireFox中获取实际像素值://firefox>>>$("#post_body").css('line-height')"19.1167px"而我不能在Chrome中://chrome>>>$("#post_body").css('line-height')"normal"如何在Chrome中获取实际的像素行高?

javascript - 将纬度/经度转换为像素坐标?

我正在尝试将纬度/经度对转换为像素坐标。我找到了这个墨卡托投影,但我不明白代码。factor,x_adj,y_adj变量是什么?当我在没有这些常量的情况下运行代码时,我的纬度/经度对不在我的map上并且x和y像素坐标不是我想要的。functionget_xy(lat,lng){varmapWidth=2058;varmapHeight=1746;varfactor=.404;varx_adj=-391;vary_adj=37;varx=(mapWidth*(180+lng)/360)%mapWidth+(mapWidth/2);varlatRad=lat*Math.PI/180;var

javascript - 如何为大像素的渐变制作动画?

我正在做一个项目,我希望黑暗覆盖屏幕,Angular色在黑暗中发光。我尝试为场景设置动画,然后使用以下代码在其上绘制黑暗:varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varcanvasWidth=canvas.width;varcanvasHeight=canvas.height;varpixelSize=30;varwidth=canvasWidth/pixelSize;varheight=canvasHeight/pixelSize;varlightX=canvasWidth/