//保存 public void save() { File sd=Environment.getExternalStorageDirectory(); String path=sd.getPath()+"/paint"; File file=new File(path); file.mkdir(); Bitmap bm = Bitmap.createBitmap(480, 800, Config.ARGB_8888); Canvas canvas = new Canvas(bm); Paint p = new Paint(); canvas.drawRect(50, 50, 200, 200, p); canvas.save(Canvas.ALL_SAVE_FLAG ); canvas.restore(); String fileName = path+"19961234.jpg"; FileOutputStream fos = null; try { fos = new FileOutputStream(fileName); bm.compress(Bitmap.CompressFormat.PNG, 100, fos); fos.flush(); fos.close(); } catch (FileNotFoundException e) { } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } }

不写后台，用js能不能实现用canvas编辑后的图片保存到本地

java MVC入门选手, 用canvas在JSP中设计了一个画板，想把用户画在画板上的画保存为图片然后上传到servlet,之前尝试先通过canvas.toDataURL()转为base64格式，然后用form提交到servlet，但不知道servlet该怎么收···代码如下，求大神指教 JSP代码 <input id="imgurl" type="button" value="OK" style="width:160px;"/> </div> <canvas id="canvas" width="740" height="500"></canvas> <form name="myform" action="loginServlet" method="post" enctype="multipart/form-data"> <input type="hidden" id="pic" name="pic" value="" /> </form> 点击OK按钮后JS对应执行的函数是 getUrl:function() { myPic=this.canvas.toDataURL(); document.getElementById('pic').value = myPic; document.myform.submit(); } 我想在把base64格式的图片数据传到servlet之后，再response到前端打印出来，但不知道servlet的doPost方法中如何接收数据···，试了试String mypic = request.getParameter("pic")并不能成功，求大神指教

即，现在我有一个cxt图像资源刚画好，我一摁一个保存按钮，就自动转成一张图，保存在我的 D:/XXX/XX 下，求问大神该如何做到，或者有用php实现的办法也最好，求帮助！

普通的Canvas可以通过下面的方法来将绘制内容保存为Bitmap ``` Bitmap bitmap = new Bitmap(width, height, Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); canvas.drawXXX ``` 但问题是，SurfaceView中Canvas是通过lockCanvas获取的，请问这种情况下，该如何将Canvas保存为Bitmap呢？？

这是我的xmal文件的代码，怎么样设置在点击了按钮之后，自动将Canvas 或者InkCanvas保存到指定文件夹以jpg的形式 ```<Canvas Height="227" Width="170" Margin="172,90,43,102" Grid.Column="1" HorizontalAlignment="Center"> <InkCanvas x:Name="Combine" Height="227" Width="170"> <Image Name="center" VerticalAlignment="Center" Width="170" Source="原图.jpg"/> <Image Name="frontborder" VerticalAlignment="Center" Width="170" /> </InkCanvas> </Canvas> ```

 调用方法 ，，在本地能看到图片 但是全是黑色的 图片说明](https://img-ask.csdn.net/upload/201507/29/1438145669_593845.png)

例：图片为400X400的，在ios上打开canvas程序，然后绘画在400X400的canvas画板上 然后导出下载图片，下载出来的图片是800X800的 这个愿意是因为ios的分辨率大，我查到了，但是我想要的是，让他下载出来保持和导入的一样是400Px的，这个如何处理呢？


<div class="post-text" itemprop="text"> <p>I'm working on a generative art project where I would like to allow users to save the resulting images from an algorithm. The general idea is:</p> <ul> <li>Create an image on an HTML5 Canvas using a generative algorithm</li> <li>When the image is completed, allow users to save the canvas as an image file to the server</li> <li>Allow the user to either download the image or add it to a gallery of pieces of produced using the algorithm.</li> </ul> <p>However, I’m stuck on the second step. After some help from Google, I found this <a href="http://permadi.com/blog/2010/10/html5-saving-canvas-image-data-using-php-and-ajax/" rel="noreferrer">blog post</a>, which seemed to be exactly what I wanted:</p> <p>Which led to the JavaScript code:</p> <pre><code>function saveImage() { var canvasData = canvas.toDataURL("image/png"); var ajax = new XMLHttpRequest(); ajax.open("POST", "testSave.php", false); ajax.onreadystatechange = function() { console.log(ajax.responseText); } ajax.setRequestHeader("Content-Type", "application/upload"); ajax.send("imgData=" + canvasData); } </code></pre> <p>and corresponding PHP (testSave.php):</p> <pre><code>&lt;?php if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) { $imageData = $GLOBALS['HTTP_RAW_POST_DATA']; $filteredData = substr($imageData, strpos($imageData, ",") + 1); $unencodedData = base64_decode($filteredData); $fp = fopen('/path/to/file.png', 'wb'); fwrite($fp, $unencodedData); fclose($fp); } ?&gt; </code></pre> <p>But this doesn’t seem to do anything at all.</p> <p>More Googling turns up this <a href="http://www.kevinsookocheff.com/2011/07/27/saving-canvas-data-to-an-image-file-with-javascript-and-php/" rel="noreferrer">blog post</a> which is based off of the previous tutorial. Not very different, but perhaps worth a try:</p> <pre><code>$data = $_POST['imgData']; $file = "/path/to/file.png"; $uri = substr($data,strpos($data, ",") + 1); file_put_contents($file, base64_decode($uri)); echo $file; </code></pre> <p>This one creates a file (yay) but it’s corrupted and doesn’t seem to contain anything. It also appears to be empty (file size of 0).</p> <p>Is there anything really obvious that I’m doing wrong? The path where I’m storing my file is writable, so that isn’t an issue, but nothing seems to be happening and I’m not really sure how to debug this.</p> <h3>Edit</h3> <p>Following Salvidor Dali’s link I changed the AJAX request to be:</p> <pre><code>function saveImage() { var canvasData = canvas.toDataURL("image/png"); var xmlHttpReq = false; if (window.XMLHttpRequest) { ajax = new XMLHttpRequest(); } else if (window.ActiveXObject) { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } ajax.open("POST", "testSave.php", false); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.onreadystatechange = function() { console.log(ajax.responseText); } ajax.send("imgData=" + canvasData); } </code></pre> <p>And now the image file is created and isn’t empty! It seems as if the content type matters and that changing it to <code>x-www-form-urlencoded</code> allowed the image data to be sent.</p> <p>The console returns the (rather large) string of base64 code and the datafile is ~140 kB. However, I still can’t open it and it seems to not be formatted as an image.</p> </div>

在canvas中显示图片非常简单。可以通过修正层为图片添加印章、拉伸图片或者修改图片等，并且图片通常会成为canvas上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。 不过，图片增加了canvas操作的复杂度：必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上，那么canvas将不会显示任何图片。因此，开发人员要特别注意，在呈现之前，应确保图片已经加载完毕。

大家好，如何解决安卓机微信内置浏览器无法保存canvas转成img格式的图片 （长按图片，无法发送给朋友、保存到手机，甚至无法收藏）的问题，我有想过将canvas转成img格式的图片传回服务器端进行处理，保存再显示出来，但data:image/png;base64的长度太长了，没成功。 有什么可以解决这问题？？

移动端想要实现长按保存图片的功能，用html2canvas+canvas2image来实现，，PC端能正常下载，但是在移动端下载的文件没有后缀名，而且下载失败，下面是代码和图片  ``` let dom = $(".dom").get(0); // 调用html2canvas插件 jsShot.html2canvas(dom).then(function (canvas) { // canvas宽度 var canvasWidth = canvas.width; // canvas高度 var canvasHeight = canvas.height; var img = jsShot.Canvas2Image.convertToImage(canvas, canvasWidth, canvasHeight); let type = $('#sel').val(); //图片类型 let w = $('#imgW').val(); //图片宽度 let h = $('#imgH').val(); //图片高度 let f = $('#imgFileName').val(); //图片文件名 w = (w === '') ? canvasWidth : w; //判断输入宽高是否为空，为空时保持原来的值 h = (h === '') ? canvasHeight : h; // 调用Canvas2Image插件 jsShot.Canvas2Image.saveAsImage(canvas, w, h, type, f); // var dataString = canvas.toDataURL("image.png/png"); // var link = document.createElement("a"); // link.download = 'image'; // link.href = dataString; // link.click(); // that.$nextTick(()=>{ // that.screenShow=false // }) }); ```

问题： 运用html2canvas 生成图片 然后 生成PDF chrome页面中图片在PDF中无法显示 工具：html2canvas.js、jsPdf.debug.js 代码： var downPdf = document.getElementById("renderPdf");//获取按钮元素 downPdf.onclick = function() { html2canvas(document.body, { onrendered:function(canvas) { setTimeout(function(){ var contentWidth = canvas.width; var contentHeight = canvas.height; //一页pdf显示html页面生成的canvas高度; var pageHeight = contentWidth / 595.28 * 841.89; //未生成pdf的html页面高度 var leftHeight = contentHeight; //pdf页面偏移 var position = 0; //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高 var imgWidth = 555.28; var imgHeight = 555.28/contentWidth * contentHeight; var pageData = canvas.toDataURL('image/jpeg', 1.0); var triggerDownload = $("#downPng").attr("href", pageData).attr("download", "order-1111111111.jpg"); var pdf = new jsPDF('', 'pt', 'a4'); //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围，无需分页 if (leftHeight < pageHeight) { pdf.addImage(pageData, 'JPEG', 20, 0, imgWidth, imgHeight ); } else { while(leftHeight > 0) { pdf.addImage(pageData, 'JPEG', 20, position, imgWidth, imgHeight) leftHeight -= pageHeight; position -= 841.89; //避免添加空白页 if(leftHeight > 0) { pdf.addPage(); } } } pdf.save('content.pdf'); },5000) } }) } 求各位大神帮助！！！

html2canvas($('.j_rtss'), { onrendered: function(canvas) { $('#vsave').attr( 'href' , canvas.toDataURL() ) ; $('#vsave').attr( 'download' , 's.png' ) ; document.getElementById("vsave").click(); } }); 其他浏览器正常，IE下这段代码js不执行，望大神指导

原图  保存之后的图  为什么这个图我点的红点 最后不仅没有圆角，而且位置也不对

<div class="post-text" itemprop="text"> <p>I am using a method from <a href="http://developergang.com/convert-div-image-using-html2canvas-save-using-ajax-php/" rel="nofollow noreferrer">this tutorial</a> to save a picture generated with html to a png or jpeg file in server.</p> <p>I suspect there is an error in the original script but cannot find it</p> <p>the picture should appear in the image_id div, but it does not.</p> <p>here is my code:</p> <pre><code>&lt;body&gt; &lt;div class='container' id="printableArea"&gt; ...here goes the div to output as png &lt;/div&gt; &lt;div id="image_id"&gt; &lt;img src="" alt="image" /&gt; &lt;/div&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"&gt;&lt;/script&gt; &lt;script&gt; html2canvas([document.getElementById('printableArea')], { onrendered: function (canvas) { var imagedata = canvas.toDataURL('image/png'); var imgdata = imagedata.replace(/^data:image\/(png|jpg);base64,/, ""); //ajax call to save image inside folder} $.ajax({ url: 'save_image.php', data: { imgdata:imgdata }, type: 'post', success: function (response) { console.log(response); $('#image_id img').attr('src', response) } }); } &lt;/script&gt; </code></pre> <p>the php file i use is the following: </p> <pre><code>&lt;?php $imagedata = base64_decode($_POST['imgdata']); $filename = md5(uniqid(rand(), true)); //path where you want to upload image $file = $_SERVER['DOCUMENT_ROOT'] . '/images/'.$filename.'.png'; $imageurl = 'http://***.com/images/'.$filename.'.png'; file_put_contents($file,$imagedata); echo $imageurl; ?&gt; </code></pre> </div>

``` html2canvas($("#bodydiv"), { onrendered: function (canvas) { document.body.appendChild(canvas); convertCanvasToImage(document.getElementsByTagName("canvas")); } }); 生成后用 function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); return image; } ``` 报 canvas.toDataURL is not a function 这个错 这个生成的canvas原本在页面里没有的 如果我直接写一个空的canvas 就能获取到 有么有道友遇到过

``` <canvas id="canvas1" ...> <!--源//--> <canvas id="canvas2" ...> <!--目的//--> <img id="testImg" src=""> <!--测试//--> ``` 场景： 2个canvas;1个img canvas1显示内容，接着将内容复制到canvas2里面。 实现： var img = canvas1Context.toDataURL('image/jpeg'); img.replace(/^data:image\/(png|jpg);base64,/, ""); myTestImg.src = img;//显示成功！ var imggg = new Image(); imggg.src = img; //img.length //7259 canvas2Context.drawImage(imggg, 0, 0, 320, 480); //黑底，无图像，无报错 //png格式是白底，同样无图像

大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

今年，我也32了 ，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。 目录： 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的： 等真到了那一天，你会发现，你的人生很可能是这样的： ...

程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。

ArrayList源码分析 前言： 写这篇博客的主要原因是，在我上一次参加千牵科技Java实习生面试时，有被面试官问到ArrayList为什么查找的速度较快，插入和删除的速度较慢？当时我回答得不好，很大的一部分原因是因为我没有阅读过ArrayList源码，虽然最后收到Offer了，但我拒绝了，打算寒假学得再深入些再广泛些，下学期开学后再去投递其他更好的公司。为了更加深入理解ArrayList，也为

数据结构与算法思维导图

老生常谈的一个梗，到2020了还在争论，你们一天天的，哎哎哎，我不是针对你一个，我是说在座的各位都是人才！ 上图红色的这3个箭头，对于通过new产生一个字符串（”宜春”）时，会先去常量池中查找是否已经有了”宜春”对象，如果没有则在常量池中创建一个此字符串对象，然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象，如果常量池中原来没有 ”宜春” ,就是两个。...

昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

互联网公司工作，很难避免不和黑客们打交道，我呆过的两家互联网公司，几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口，有的是寻找线上服务器可能存在的漏洞，大部分都...

loonggg读完需要3分钟速读仅需 1 分钟大家好，我是你们的校长。我之前讲过，这年头，只要肯动脑，肯行动，程序员凭借自己的技术，赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

最近有个老铁，告诉我说，上班一个月，后悔当初着急入职现在公司了。他之前在美图做手机研发，今年美图那边今年也有一波组织优化调整，他是其中一个，在协商离职后，当时捉急找工作上班，因为有房贷供着，不能没有收入来源。所以匆忙选了一家公司，实际上是一个大型外包公司，主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错，所以就立马入职去上班了。但是后面入职后，发现薪酬待遇这块并不是HR所说那样，那个HR自...

昨天看到一档综艺节目，讨论了两个话题：（1）中国学生的数学成绩，平均下来看，会比国外好？为什么？（2）男生的数学成绩，平均下来看，会比女生好？为什么？同时，我又联想到了一个技术圈经常讨...

提到“程序员”，多数人脑海里首先想到的大约是：为人木讷、薪水超高、工作枯燥…… 然而，当离开工作岗位，撕去层层标签，脱下“程序员”这身外套，有的人生动又有趣，马上展现出了完全不同的A/B面人生！ 不论是简单的爱好，还是正经的副业，他们都干得同样出色。偶尔，还能和程序员的特质结合，产生奇妙的“化学反应”。 @Charlotte：平日素颜示人，周末美妆博主 大家都以为程序媛也个个不修边幅，但我们也许...

文章目录数据库基础知识为什么要使用数据库什么是SQL？什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式？分别有什么区别？数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别？InnoDB引擎的4大特性存储引擎选择索引什么是索引？索引有哪些优缺点？索引使用场景（重点）...

有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...

私下里，有不少读者问我：“二哥，如何才能写出一份专业的技术简历呢？我总感觉自己写的简历太烂了，所以投了无数份，都石沉大海了。”说实话，我自己好多年没有写过简历了，但我认识的一个同行，他在阿里，给我说了一些他当年写简历的方法论，我感觉太牛逼了，实在是忍不住，就分享了出来，希望能够帮助到你。 01、简历的本质 作为简历的撰写者，你必须要搞清楚一点，简历的本质是什么，它就是为了来销售你的价值主张的。往深...

最近接手了一个springboot项目，不是不熟悉这个框架，启动时打印的信息吸引了我。 这不是我熟悉的常用springboot的打印信息啊，我打开自己的项目： 还真是的，不用默认的感觉也挺高大上的。一时兴起，就去研究了一下源代码，还正是有些收获，稍后我会总结一下。正常情况下做为一个老程序员，是不会对这种小儿科感兴趣的，不就是一个控制台打印嘛。哈哈！ 于是出于最初的好奇，研究了项目的源代码。看到

即将毕业的应届毕业生一枚，现在只拿到了两家offer，但最近听到一些消息，其中一个offer，我这个组据说客户很少，很有可能整组被裁掉。 想问大家： 如果我刚入职这个组就被裁了怎么办呢？ 大家都是什么时候知道自己要被裁了的？ 面试软技能指导: BQ/Project/Resume 试听内容： 除了刷题，还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力：简历, 行为面试，沟通能...

有小伙伴问松哥这个问题，他在上海某公司，在离职了几个月后，前公司的领导联系到他，希望他能够返聘回去，他很纠结要不要回去？ 俗话说好马不吃回头草，但是这个小伙伴既然感到纠结了，我觉得至少说明了两个问题：1.曾经的公司还不错；2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说，松哥之前也有过类似的经历，今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点，就是离职了也没必要和老东家弄的苦...

往往，我们看不进去大段大段的逻辑。深刻的哲理，往往短而精悍，一阵见血。问：产品经理挺漂亮的，有点心动，但不知道合不合得来。男生更看重女生的身材脸蛋，还是...

二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中xx，但待遇感觉挺低，马上要报到，挺纠结的。

当HR压你价，说你只值7K时，你可以流畅地回答，记住，是流畅，不能犹豫。 礼貌地说：“7K是吗？了解了。嗯~其实我对贵司的面试官印象很好。只不过，现在我的手头上已经有一份11K的offer。来面试，主要也是自己对贵司挺有兴趣的，所以过来看看……”（未完） 这段话主要是陪HR互诈的同时，从公司兴趣，公司职员印象上，都给予对方正面的肯定，既能提升HR的好感度，又能让谈判气氛融洽，为后面的发挥留足空间。...

HashMap底层实现原理，红黑树，B+树，B树的结构原理 Spring的AOP和IOC是什么？它们常见的使用场景有哪些？Spring事务，事务的属性，传播行为，数据库隔离级别 Spring和SpringMVC，MyBatis以及SpringBoot的注解分别有哪些？SpringMVC的工作原理，SpringBoot框架的优点，MyBatis框架的优点 SpringCould组件有哪些，他们...

面试阿里p7被问到的问题(当时我只知道第一个)：@Conditional是做什么的?@Conditional多个条件是什么逻辑关系？条件判断在什么时候执...

终于懂了TCP和UDP协议区别

我们程序员应该抱着尝鲜、猎奇的心态，否则就容易固步自封，技术停滞不前。

编程语言层出不穷，从最初的机器语言到如今2500种以上的高级语言，程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新，一边面临由于许多代码已存在，程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法，它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中，可视化建模来组装和配置应用程序。这样一来，开发者直...

最近面试了一个31岁8年经验的程序猿，让我有点感慨，大龄程序猿该何去何从。

说实话，自己的算法，我一个不会，太难了吧

已经连续五年参加大厂校招、社招的技术面试工作，简历看的不下于万份 这篇文章会用实例告诉你，什么是差的程序员简历！ 疫情快要结束了，各个公司也都开始春招了，作为即将红遍大江南北的新晋UP主，那当然要为小伙伴们做点事（手动狗头）。 就在公众号里公开征简历，义务帮大家看，并一一点评。《启舰：春招在即，义务帮大家看看简历吧》 一石激起千层浪，三天收到两百多封简历。 花光了两个星期的所有空闲时...

我们都玩过Windows操作系统中的经典游戏扫雷（Minesweeper），如果把质数当作一颗雷，那么，表格中红色的数字哪些是雷（质数）？您能找出多少个呢？文中用列表的方式罗列了10000以内的自然数、质数（素数），6的倍数等，方便大家观察质数的分布规律及特性，以便对算法求解有指导意义。另外，判断质数是初学算法，理解算法重要性的一个非常好的案例。