Ⅰ android怎樣將canvas繪制的圖形保存到bitmap中
可以用Bitmap.compress函數來把Bitmap對象保存成PNG或JPG文件，然後可以用BitmapFactory把文件中的數據讀進來再生成Bitmap對象。
保存的代碼大概類似於這樣：
try {
FileOutputStream out = new FileOutputStream(filename);
bmp.compress(Bitmap.CompressFormat.PNG, 90, out);
} catch (Exception e) {
e.printStackTrace();
}
具體的可以去查Bitmap和BitmapFactory的幫助文檔。
Ⅱ canvas下載的圖片在哪裡
canvas 是 HTML5 提供的一個用於展示繪圖效果的標簽。
canvas 提供了一個空白的圖形區域，可以使用特定的JavaScript API來繪畫圖形（canvas 2D或WebGL），首先由 Apple 引入的，用於OS X的儀表盤 和 Safari 瀏覽器。
canvas 是一個矩形區域的畫布，可以用JavaScript在上面繪畫。控制其每一個像素。
canvas 標簽使用 JavaScript 在網頁上繪制圖像，本身不具備繪圖功能。
canvas 擁有多種繪制路徑、矩形、圓形、字元以及添加圖像的方法。
canvas主要應用的領域：
1）、游戲：canvas在基於Web的圖像顯示方面比Flash更加立體、更加精巧，canvas游戲在流暢度和跨平台方面更牛。
2）、可視化數據（數據圖表話），比如: 網路的echart、d3.js、three.js
3）、banner廣告：Flash曾經輝煌的時代，智能手機還未曾出現。現在以及未來的智能機時代，HTML5技術能夠在banner廣告上發揮巨大作用，用Canvas實現動態的廣告效果再合適不過。
4）、未來
模擬器：無論從視覺效果還是核心功能方面來說，模擬器產品可以完全由JavaScript來實現。
遠程計算機控制：Canvas可以讓開發者更好地實現基於Web的數據傳輸，構建一個完美的可視化控制界面。
圖形編輯器：Photoshop圖形編輯器將能夠100%基於Web實現。
Ⅲ html5 canvas在線生成圖片後怎麼樣保存到資料庫(伺服器端)而不是本地
canvas畫布保存為圖片：
functionconvertCanvasToImage(canvas){
varimage=newImage();
image.src=canvas.toDataURL("image/png");
returnimage;canvas參數為你的canvas對象，返回一個圖片對象，你可以將這個image放到網頁結構中，如果要保存圖像，可以將canvas.toDataURL("image/png")返回的base64格式的圖片數據放到input（type=hidden）中，用戶點擊上傳按鈕（或設置表單自動提交），將base64格式的數據上傳
形如：
data:image/png;base64,/oMwlEs8yMgvJVcjyMbSYaERogCC0/kYEBAG/wdxC2W2tUAAAAAElFTkSuQmCC
伺服器端接收到字元串（以上字元串可以直接在瀏覽器中打開，IE低版本就算了，能用canvas的瀏覽器都可以）後根據data:image/png得知應該保存的文件類型擴展名（png），然後將base64,後面的base64編碼字元串解碼(後端語言實現，如PHP用base64_decode()函數)，將解碼後的二進制數據以二進制的形式保存到伺服器上（圖片形式）
如果存資料庫，可以直接存base64編碼，讀取時候解碼也行，圖片建議以文件形式存儲，資料庫不適合存大文件
Ⅳ 小程序如何將canvas所畫的圖形清除或者刪除掉
如何將canvas所畫的圖形清除或者刪除掉？
答：樓主的問題是怎麼解決的？我最近也遇到了同樣的問題我想畫扇形，每隔1S更新一下扇形的面積不知道該怎麼樣更新？請指導一下 先謝謝你了
如何清除canvas上面畫的所有圖形
答：clearRect函數 context.clearRect(0,0,300,300); 第一個參數：x的起始位置 第二個參數：y的起始位置 第三個參數：清除的寬度 第四個參數：清除的高度
java 中如何將畫在畫布上的圖形清除（從canvas類繼...
答：清除方法一、 在圖片的位置接著畫一個矩形覆蓋這個圖片，並且把顏色設置成和背景色一樣就OK了！ 代碼如下： context.fillStyle="ffffff";//白色為例子； context.fillRect(400,100,400,100); 注意，上面的代碼要放在imageObj.onload裡面才有效果...
Ⅳ canvas如何將圖片保存出去
1、直接保存圖片。比如那種在線塗鴉的應用
有一個toDataURL()方法，可以得到base64編碼的圖片。
2、保存圖片的數據。比如那種可以在線畫流程圖的應用
這個需要自己設計了。
Ⅵ HTML5 在CANVAS標簽裡面增加滾動條
使用緩存Canvas，將中間的部分緩存，然後drawImage將緩存canvas畫到主畫布上，這樣你可以使用drawImage的剪切方法來模擬滾動了。
Ⅶ canvas中如何保存當前狀態（不是保存為圖片）
1.保存和恢復繪圖狀態：
在繪制圖形時，難免會重復使用某個樣式，甚至有時會在不同顏色之間來回切換。
那麼為了減少代碼冗餘，我們可以調用畫布中的save()方法，來幫我們
保存一些樣式和屬性，這樣我們就可以再通過調用restore() 方法，來再次使用這些我們曾保存好的樣式和屬性了！
下面看下具體代碼：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>保存和恢復繪圖狀態</title>
<script type="text/javascript">
window.onload = function () {
//保存繪圖狀態 save
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "rgb(255,0,0)";
context.save(); //保存狀態
context.fillRect(50, 50, 100, 100); //初始定義，繪制紅色矩形
//恢復繪圖狀態 restore
context.fillStyle = "rgb(0,255,0)";
context.fillRect(200, 50, 100, 100); //繪制綠色矩形
context.restore(); //恢復畫布狀態
context.fillRect(350, 50, 100, 100); //恢復到初始定義，繪制紅色矩形
}
</script>
</head>
<body>
<canvas id="myCanvas" width="1000" height="1000">
您的瀏覽器暫不支持畫布！
</canvas>
</body>
</html>
2.保存和恢復多個繪圖狀態：
多個繪圖狀態是如何保存的呢？
我們可以這么理解：有台復印機在大量的復印資料，最先復印的肯定是在最下層的，後來的一張張的累在上面，然後堆成一摞兒，
最上面的那份肯定是最後一次的復印操作，這個毋庸置疑！
保存狀態其實就類似復印機的工作狀態，最近保存的在最上層！
來看下代碼怎麼實現：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>保存和恢復繪圖狀態</title>
<script type="text/javascript">
window.onload = function () {
//保存繪圖狀態 save
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "rgb(255,0,0)";
context.save();
context.fillRect(50, 200, 100, 100); //第一個保存狀態，繪制紅色矩形
context.fillStyle = "rgb(0,0,255)";
context.save();
context.fillRect(200, 200, 100, 100); //第二個保存狀態，繪制藍色矩形
context.restore();
context.fillRect(350, 200, 100, 100); //恢復藍色矩形的保存狀態，因為它是最後的保存狀態，所以它最先恢復。
context.restore();
context.fillRect(500, 200, 100, 100); //恢復紅色矩形的保存狀態。
}
</script>
</head>
<body>
<canvas id="myCanvas" width="1000" height="1000">
您的瀏覽器暫不支持畫布！
</canvas>
</body>
</html>
Ⅷ 誰懂canvas運動效果
創建一個新的canvas對象，用這個canvas繪制你的小球，這個canvas當作緩存用的canvas。然後再用你的canvas繪制這個canvas，而不是直接繪制圖片，這樣效率很高。這種技術叫做雙緩存。
Ⅸ html canvas 清除畫布問題
一直用的方法是clearRect全部重畫：
在一起顯示的內容畫在一個隱藏的canvas中緩存，如你的線條畫在一個canvas里，矩形畫在一個canvas里，達到互不影響的效果（有點像flash里的元件）
每次顯示內容時，把所有用到的canvas畫到顯示的canvas中
mozilla里的教程也就是這個原理，去看看吧https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial/Basic_animations