[問題] 關於canvas的存檔問題
最近想用canvas做一個圖片與文字編輯的功能，但卻碰到一些問題
我想用canvas先畫一張圖檔(ex. picture.png)
之後在canvas上加一些文字（ex. Hello World)
然後再用toDataURL將canvas上的東西儲存起來
不過開啟的canvas圖檔上卻沒有picture.png的圖
只有Hello World的文字
請問是那裡出了問題了呢？
我的code如下，感謝解答
<HTML>
<BODY>
<canvas id="screen" width="570" height="395"></canvas>
<script type="text/javascript">
function draw(){
var ctx = document.getElementById('screen').getContext('2d');
var img = new Image();
img.onload = function(){
ctx.drawImage(img,1,1);
}
img.src = 'http://www.google.com/intl/en_com/images/srpr/logo3w.png';
ctx.fillText("Hello, World!", 1, 200);
}
draw();
window.open(document.getElementById('screen').toDataURL());
</script>
</BODY>
</HTML>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 129.2.166.105
※ 編輯: laihuei 來自: 129.2.166.105 (08/14 04:57)
→
08/14 06:33, , 1F
08/14 06:33, 1F
→
08/14 06:35, , 2F
08/14 06:35, 2F
→
08/14 06:35, , 3F
08/14 06:35, 3F
→
08/14 07:15, , 4F
08/14 07:15, 4F
→
08/14 17:23, , 5F
08/14 17:23, 5F
推
08/14 20:56, , 6F
08/14 20:56, 6F