草庐IT

canvas2D

全部标签

html - 如何在浏览器中跨多个页面宽度打印大 Canvas ?

我的应用程序需要打印出可以跨越多个页面宽度和高度宽度的任意大Canvas。前段时间有一个类似的问题whereitwasclaimedthebrowserwon'tprinttomultiplepagewidths.因为这是一段时间前的事了,我想知道它是否仍然是真的。另外,有什么策略可以在不拆分的情况下打印出大Canvas?varcanvas=document.getElementById("canvas1");functiondraw_a(){varcontext=canvas.getContext("2d");////LEVER//planecontext.fillStyle='#a

html - 如何在浏览器中跨多个页面宽度打印大 Canvas ?

我的应用程序需要打印出可以跨越多个页面宽度和高度宽度的任意大Canvas。前段时间有一个类似的问题whereitwasclaimedthebrowserwon'tprinttomultiplepagewidths.因为这是一段时间前的事了,我想知道它是否仍然是真的。另外,有什么策略可以在不拆分的情况下打印出大Canvas?varcanvas=document.getElementById("canvas1");functiondraw_a(){varcontext=canvas.getContext("2d");////LEVER//planecontext.fillStyle='#a

php - 无法将大型 html5 Canvas 发布到服务器?

我有一blockCanvas,你可以在上面作画。我需要将它的内容保存到服务器,以便以后可以恢复。为此,我通过xMLHttpReq.open("POST")xMLHttpReq.send(*)encodeURIComponent(canvasP.toDataURL())*,网址,假);在我的php脚本中,我将$_POST和base64_decode(json_decode($_POST[data]))保存到服务器上的.png文件中。现在,如果Canvas上有一个小涂鸦,这就可以正常工作了。但是,如果1600x1200px的Canvas上画了很多东西,大小大约为600kB,我的脚本就会失败

php - 无法将大型 html5 Canvas 发布到服务器?

我有一blockCanvas,你可以在上面作画。我需要将它的内容保存到服务器,以便以后可以恢复。为此,我通过xMLHttpReq.open("POST")xMLHttpReq.send(*)encodeURIComponent(canvasP.toDataURL())*,网址,假);在我的php脚本中,我将$_POST和base64_decode(json_decode($_POST[data]))保存到服务器上的.png文件中。现在,如果Canvas上有一个小涂鸦,这就可以正常工作了。但是,如果1600x1200px的Canvas上画了很多东西,大小大约为600kB,我的脚本就会失败

javascript - 使用 .todataurl Javascript/HTML5 仅捕获一部分 Canvas

我可以毫无问题地使用.todataurl捕获完整的Canvas。但我看不到或不知道是否只捕获Canvas的一部分并将其保存到图像中。即Mr.Potatohead脚本在Canvas上混合绘制帽子、手脚脸等,您可以将它们拖放到Canvas中央的马铃薯先生上。按下一个按钮,为您保存看起来很漂亮的马铃薯先生的图像为jpg。图像中没有所有额外的帽子/脚/脸。根据我阅读的所有内容,我已经接受了这是不可能的事实。但你们已经多次证明比谷歌(或至少我手中的谷歌)更聪明,所以我要试一试。很抱歉这次没有代码发布......除非你想要这个:varcanvas=document.getElementById("

javascript - 使用 .todataurl Javascript/HTML5 仅捕获一部分 Canvas

我可以毫无问题地使用.todataurl捕获完整的Canvas。但我看不到或不知道是否只捕获Canvas的一部分并将其保存到图像中。即Mr.Potatohead脚本在Canvas上混合绘制帽子、手脚脸等,您可以将它们拖放到Canvas中央的马铃薯先生上。按下一个按钮,为您保存看起来很漂亮的马铃薯先生的图像为jpg。图像中没有所有额外的帽子/脚/脸。根据我阅读的所有内容,我已经接受了这是不可能的事实。但你们已经多次证明比谷歌(或至少我手中的谷歌)更聪明,所以我要试一试。很抱歉这次没有代码发布......除非你想要这个:varcanvas=document.getElementById("

javascript - 使用 "open with"对话框命名从 Canvas 保存的 PNG 文件

我正在使用canvas,我可以将我的Canvas保存为png。环顾四周,我发现了W3C提供的很棒的toDataURL()函数。我也已经在使用我们可以在这个页面上找到的来自nihilogic的canvas2image:http://www.nihilogic.dk/labs/canvas2image/我注意到在canvas2image上,开发人员使用“image/octet-stream”来打开“打开方式”对话框,但出现了一些问题:-图片名称为toDataUrl()返回的ascii。-下载后的文件扩展名为.part简而言之,我会在单击按钮时提示“打开方式”对话框,其中包含“myImage

javascript - 使用 "open with"对话框命名从 Canvas 保存的 PNG 文件

我正在使用canvas,我可以将我的Canvas保存为png。环顾四周,我发现了W3C提供的很棒的toDataURL()函数。我也已经在使用我们可以在这个页面上找到的来自nihilogic的canvas2image:http://www.nihilogic.dk/labs/canvas2image/我注意到在canvas2image上,开发人员使用“image/octet-stream”来打开“打开方式”对话框,但出现了一些问题:-图片名称为toDataUrl()返回的ascii。-下载后的文件扩展名为.part简而言之,我会在单击按钮时提示“打开方式”对话框,其中包含“myImage

html - 在 HTML5 canvas 上点两下鼠标画一条线?

如何在Canvas上点击两次鼠标画一条线? 最佳答案 代码很简单,但是基础一定要好:演示:http://jsfiddle.net/NpDdt/10/JavaScript:varclicks=0;varlastClick=[0,0];document.getElementById('canvas').addEventListener('click',drawLine,false);functiongetCursorPosition(e){varx;vary;if(e.pageX!=undefined&&e.pageY!=undefin

html - 在 HTML5 canvas 上点两下鼠标画一条线?

如何在Canvas上点击两次鼠标画一条线? 最佳答案 代码很简单,但是基础一定要好:演示:http://jsfiddle.net/NpDdt/10/JavaScript:varclicks=0;varlastClick=[0,0];document.getElementById('canvas').addEventListener('click',drawLine,false);functiongetCursorPosition(e){varx;vary;if(e.pageX!=undefined&&e.pageY!=undefin