草庐IT

the-canvas-element

全部标签

javascript - 如何在 three.js 应用程序中为 Canvas 分配一个 id

我在three.js中创建了一个渲染对象并将其与DomElment连接,如下所示varrenderer=newTHREE.WebGLRenderer({antialias:true});renderer.setClearColor(0xAAAAAA,1);renderer.setSize(window.innerWidth,window.innerHeight);document.getElementById('webgl-container').appendChild(renderer.domElement);所以现在three.js会自动在webgl-containerdiv中创建

javascript - JS : how to shift each letter in the given string N places down in the alphabet?

如何将给定字符串中的每个字母在字母表中向下移动N位?标点符号、空格和大小写应保持不变。例如,如果字符串为“ac”且num为2,则输出应为“ce”。我的代码有什么问题?它将字母转换为ASCII并添加给定数字,然后从ASCII转换为回字母。最后一行替换空格。functionCaesarCipher(str,num){str=str.toLowerCase();varresult='';varcharcode=0;for(i=0;i我得到了TypeError:charcode.fromCharCodeisnotafunction 最佳答案

javascript - 如何禁用 "do you want to view only the webpage content that was delivered securely"警告?

我的网站有完整的https及其使用的外部jquery资源,即http。在IE8中,当我重定向网站时,它给我“您只想查看安全传送的网页内容”警告如何避免这种情况?有没有什么脚本可以解决这个问题?提前致谢。 最佳答案 似乎有两个可能的问题区域,您的帖子没有明确说明是哪个问题:您正在引用托管在另一个不安全站点上的jquery脚本文件。正如JamWaffles所说,您只需在自己的站点上托管jquery文件的副本,以便可以使用https访问它。有关详细信息,请参阅此答案:https://stackoverflow.com/a/1458356/

javascript - 使用 Canvas 撤消/重做绘画程序

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我需要为我的绘画程序实现一个撤消/重做系统:http://www.taffatech.com/Paint.html我想出的想法是有2个数组堆栈,一个用于撤消,一个用于重做。每当您绘制并释放鼠标时,它都会通过推送将Canvas图像保存到撤消数组堆栈。如果你画别的东西然后释放它也会做同样的事情。但是,如果您单击撤消,它将弹出撤消数组的顶部图像并将其打印到Can

正则表达式 : replacing the last dot for a comma

我有以下代码:varx="100.007"x=String(parseFloat(x).toFixed(2));returnx=>100.01这非常棒,正是我想要的效果。我只想要一个小小的补充,就像这样:varx="100,007"x.replace(",",".")x.replacex=String(parseFloat(x).toFixed(2));x.replace(".",",")returnx=>100,01但是,此代码将替换第一次出现的“,”,我想在其中捕获最后一个。任何帮助将不胜感激。 最佳答案 您可以使用正则表达式来

javascript - HTML5 Canvas : find out if click co-ordinates are inside a given rectangle

可能有人在这个困境上有过类似的经历,可以帮助我走出困境......基本上,我有一个Canvas元素,我使用在循环中绘制几个矩形context.fillRect(x,y,width,height)现在,我希望一些矩形成为热点并响应点击事件。我可以使用event.layerX和event.layerY找出点击事件的确切(x,y)。鉴于我知道以下内容:点击的确切x,y每个矩形的x、y、宽度和高度我如何确定点击事件是否发生在某个矩形的周边内?并且,点击事件发生在哪个矩形0n?有类似的数学公式吗?任何帮助将不胜感激,如果我不够清楚,请告诉我......谢谢编辑没有比遍历所有矩形并检查它们的位置和

javascript - Canvas getImageData() 以获得最佳性能。提取所有数据还是一次提取一个数据?

我需要扫描Canvas图像中的每个像素,并对颜色等进行一些调整。为了获得最佳性能,我是否应该一次获取所有数据并通过数组对其进行处理?或者我应该在处理每个像素时调用它。所以基本上……data=context.getImageData(x,y,height,width);对比data=context.getImageData(x,y,1,1);//inaloopheight*widthtimes. 最佳答案 通过一次抓取所有图像,您将获得更高的性能,因为:a)对数组的(连续)访问比函数调用快得多。b)特别是当这个函数是一个DOM对象的方

javascript - 无法构造 'Blob' : The 1st argument provided is either null, 或无效的 Array 对象。

我今天开始使用filesaver.js。我创建了以下函数:functionsaving(){varblob=newBlob(final_transformation,{type:"text/plain;charset=utf-8"});saveAs(blob,"helloworld.txt");}但是当我调用该函数时,我得到“无法构造‘Blob’:提供的第一个参数要么为空,要么为无效的Array对象。”有什么想法吗? 最佳答案 由于您不会告诉我们final_transformation是什么,我们必须在没有上下文的情况下进行猜测。试

javascript - jQuery 航点错误 : The sticky method does not exist

我想在WordPress中将一个元素粘贴到页面顶部,使用jQueryWaypoints插件。$('#myelement').waypoint('sticky');但是控制台显示:Error:ThestickymethoddoesnotexistinjQueryWaypoints.我错过了什么吗? 最佳答案 您是否在普通waypoints.js之上包含了粘性快捷方式脚本?参见Sources和Docs 关于javascript-jQuery航点错误:Thestickymethoddoesno

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?