2012-04-19 75 views
1

任何方式來截取HTML的特定部分的屏幕截圖。像HTML5中的畫布 我的HTML部分存儲在數據庫中,就像我正在製作頁面創建頁眉頁腳的主要內容。並將標題HTML,頁腳HTML和主要部分HTML存儲在數據庫中。數據庫中的particuler html存儲的屏幕截圖,並在電子郵件中呈現

是否有任何特定的方式來創建特定頁面HTML的屏幕截圖。屏幕截圖將是任何形式的圖像,所以我可以在電子郵件中附加圖像。

我已經通過下面的問題了

Using HTML5/Canvas/JavaScript to take screenshots

<script type = "text/javascript" > 
var text = 'mycanvas'; 
var x = 0; 
var y = 0; 
var h = 5; //height 
var a = 5; //angle 
var n = 150; //no of lines 
if (n % 2 == 0)`enter code here` { 
    n = n + 1 
} 
var c = document.getElementById("myCanvas"); 
var ctx = c.getContext("2d"); 

ctx.moveTo(x, h); 

for (; n > 0; n--) { 
    if (n % 2 == 0) { 
     y = y + h; 
    }else { 
     y = 0; 
    } 
</script> 

我的服務器端編程是PHP和mysql數據庫

+0

所以,你想知道如何在畫布上的圖像上傳到一個PHP腳本? – hakre 2012-05-10 08:52:20

+0

謝謝哈克爾我得到了解決方案 – manishbagra 2012-06-01 09:01:37

+0

請在下面添加您的解決方案作爲答案,並接受它,以便您的問題被標記爲已回答。感謝您的支持。 – hakre 2012-06-01 15:04:48

回答

1

我想你想要像ImageMagick的。 一個php界面,可以將圖像信息創建/寫入或創建。

http://www.imagemagick.org/script/index.php

http://www.imagemagick.org/script/api.php#php

示例代碼:

<?php 
$magick_wand=NewMagickWand(); 
MagickReadImage($magick_wand,'rose.jpg'); 
$drawing_wand=NewDrawingWand(); 
DrawSetFont($drawing_wand,"/usr/share/fonts/bitstream-vera/Vera.ttf"); 
DrawSetFontSize($drawing_wand,20); 
DrawSetGravity($drawing_wand,MW_CenterGravity); 
$pixel_wand=NewPixelWand(); 
PixelSetColor($pixel_wand,"white"); 
DrawSetFillColor($drawing_wand,$pixel_wand); 
if (MagickAnnotateImage($magick_wand,$drawing_wand,0,0,0,"Rose") != 0) 
{ 
MagickEchoImageBlob($magick_wand); 
} 
else 
{ 
    echo MagickGetExceptionString($magick_wand); 
} 
?> 
相關問題