Class
  • Tip&Tech
[½ºÅ©¸³Æ®] ÀÚ¹Ù½ºÅ©¸³Æ® ÇöÀçpage ½ºÅ©¸°¼¦, ĸÃÄÇϱâ
±Û¾´ÀÌ ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§KoKoBop ³¯ Â¥ 18-09-19 09:58 Á¶ ȸ 5152
°£ÆíURL https://www.phpschool.com/link/tipntech/82133 º¹»ç

SyntaxHighlight·Î º¸±â

Link1 http://lemon421.cafe24.com/blog/textyle/23204 (382)
¶óÀ̺귯¸®°¡ ÀÖ°ÚÁö? ÇÏ°í ã¾Æº¸´Ù°¡..
ÁÁÀº ¶óÀ̺귯¸®°¡ Àֳ׿ä.
https://html2canvas.hertzen.com/

ºê¶ó¿ìÀúâÀ» ½ºÅ©¸°¼¦,ĸÃÄÈÄ download¸¦ ÇÒ¼öÀÖ½À´Ï´Ù.
img ű×ÀÇ À̹ÌÁö´Â ½ºÅ©¸°¼¦¿¡ Àû¿ëµÇÁö ¾Ê½À´Ï´Ù.
img ű׸¦ Æ÷ÇÔ½Ãų·Á¸é base64ÀÎÄÚµùÀ» ÇؾßÇÕ´Ï´Ù

<img src="<?php echo 'data:jpg;base64,'.base64_encode(file_get_contents('À̹ÌÁöÁÖ¼Ò.jpg')); ?>" alt="">

[ ¡å Âü°í Source ]

<a>ĸÃÄ ´Ù¿î·Îµå</a>

<script src="./html2canvas/html2canvas.min.js"></script>
<script>
			html2canvas(document.querySelector("body"),{
				//allowTaint: true,
				//taintTest: false,
				useCORS: true,
			}).then(function(canvas) {
				var imgageData = canvas.toDataURL("image/png");
				var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
				jQuery("a").attr("download", "screenshot.png").attr("href", newData);
			});
</script>

Àüü´ñ±Û¼ö 11

  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§·¹¾ËÀâºÎ 18-09-19 14:05

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¹«¸»·© 18-09-19 20:16

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¾ËÂùµ¹»ß 18-09-20 10:35

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§º¥Áö 18-09-21 02:31

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§½ä··ÇØ 18-09-28 16:59

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§±ÍÂú¾Æ 18-10-02 13:17

    ¼Ò½ºº¸±â

  • +1
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§ãÁËïÛ°òä 18-10-05 17:30

    ¼Ò½ºº¸±â

  • ¿ÀÈ£
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§W3C 18-10-07 13:11

    ¼Ò½ºº¸±â

  • °¨»çÇÕ´Ï´Ù :)
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§µæÅÛ 18-10-13 01:17

    ¼Ò½ºº¸±â

  • ºñµð¿À ¿µ¿ªÀº ±î¸¸»öÀ¸·Î ³ª¿ÀÁÒ?
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§·ç¿ÀÄ¡ 18-10-28 04:11

    ¼Ò½ºº¸±â

  • ¿Í......... ÁøÂ¥ ã´ø ±â´ÉÀε¥
    ÇÏ´Ù°¡ ¾ÈµÇ¼­ ±¸±Û API±â´É¿¡¼­ µé°í¿È
  • ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¸¶ÀϵåÆé½Ã 19-07-11 15:59

    ¼Ò½ºº¸±â

  • +1
  • °Ô½Ã¹° 13,193°Ç RSS
¹øÈ£ºÐ·ùÁ¦¸ñ±Û¾´À̳¯Â¥Á¶È¸
13,193 HTML scrollbars styling ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§°ø´ë¿©ÀÚ 24-02-29 284
13,192 HTML responsive-font-size . µ¿Àû ÆùÆ® Å©±â ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§°ø´ë¿©ÀÚ 24-02-06 359
13,191 ºê¶ó¿ìÀú console.table() console.* ±â´É ¸¹³×¿ä. [4] ¸µÅ© ÷ºÎÆÄÀÏ ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¼ÛÈ¿Áø 24-02-05 353
13,190 ½ºÅ©¸³Æ® ¼ýÀÚ¸¸ ÀԷµǰí ÀÚµ¿ ÇÏÀÌÇÂÀ» ÀԷ½ÃÅ°´Â ÀüÈ­¹øÈ£ ½ºÅ©¸³Æ®ÀÔ¡¦ [3] Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§15³â¸¸¿¡°øºÎ 23-11-17 1221
13,189 ½ºÅ©¸³Æ® js scrollIntoView [3] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¼ÛÈ¿Áø 23-11-16 499
13,188 HTML ui_valueTooltip [2] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§°ø´ë¿©ÀÚ 23-11-10 456
13,187 HTML css thumbnail--fallback - src ¼Ó¼ºÀÌ ¾ø°Å³ª, src °¡ ºñ¾ú°Å³ª¡¦ [3] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¼ÛÈ¿Áø 23-09-14 594
13,186 ºê¶ó¿ìÀú [±¸±Û ¼­Ä¡ ÄܼÖ] ÄÜÅÙÃ÷ ÆøÀÌ È­¸é Æøº¸´Ù ³ÐÀ½ ÇØ°á ¹æ¹ý [2] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¸í¶ûÆóÀÎ 23-08-31 894
13,185 HTML mask-* , -webkit-mask-* , mask-composite , -webkit-mask-comp¡¦ [1] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§°ø´ë¿©ÀÚ 23-08-16 418
13,184 ±âŸ °íµµ¸ô5Pro ¿¡¼­ ¼Ò½º ¼öÁ¤ÇÏ´Â ¹æ¹ý - ±âÃÊ [7] Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¸í¶ûÆóÀÎ 23-04-06 2105
13,183 ¼³Ä¡/¼³Á¤ php79 stack 1.3.0 - Rocky Linux 8 Áö¿ø [21] ¸µÅ© Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§ºó°æÀ± 23-02-07 1405
13,182 ±âŸ ¸®¾×Æ®PHP ¸¦ ¼Ò°³ÇÕ´Ï´Ù [4] ¸µÅ© Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§php»ç¶ûÀÌ 23-02-03 2688
13,181 ½ºÅ©¸³Æ® º¹ÀâÇÏ°í ±ÍÂúÀº db where ¹® ¸¸µé±â helper [2] ¸µÅ© Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§php»ç¶ûÀÌ 23-02-03 1261
13,180 ½ºÅ©¸³Æ® º¹ÀâÇÑ Æû µ¥ÀÌÅÍ Ã¼Å© Çϱâ [2] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§php»ç¶ûÀÌ 23-02-03 891
13,179 ½ºÅ©¸³Æ® datalist ·Î Æû À̸ÞÀÏ ÀÚµ¿¿Ï¼º [3] ¸µÅ© ±â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¼ÛÈ¿Áø 23-01-31 698
13,178 ºê¶ó¿ìÀú [10¿ø ÆÁ] Chrome ÀÚµ¿¿Ï¼º ºÎºÐ Á¦°Å [1] Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§WikixUnknown 22-11-21 1077
13,177 ±âŸ ¿¢¼¿ÆÄÀÏ ¾Ïȣȭ [3] Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§Áö³ª°¡´ÂÀÚ 22-10-19 1209
13,176 Á¤º¸ ¶ó¶óº§ CRUD + Excel ±â´É Á¤¸® [1] ¸µÅ© Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§µª½Â 22-08-29 1427
13,175 ¼³Ä¡/¼³Á¤ [10¿øÆÁ] PHP7.4 ¿¡¼­ xdebug ÀÇ »ç¿ë½Ã ÁÖÀÇ»çÇ× [3] ¸µÅ© ÷ºÎÆÄÀÏ Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¸í¶ûÆóÀÎ 22-08-27 1631
13,174 HTML Tab Menu (use CSS) ¸µÅ© ÷ºÎÆÄÀÏ Àα⠱â¼ú·¹º§Ä¿¹Â´ÏƼ·¹º§¾ÆÀÌÄí 22-07-02 1282
 
1 2 3 4 5 6 7 8 9 10