Python에서 이미지를 추가하는 경우 썸네열(Thumbnail) 이미지가 필요한 경우가 있습니다. 아니면 리사이즈 된 이미지를 저장할 수도 있죠. 이 경우 어떻게 하는지 알아봅니다.Python에서 사용가능한 패키지로 PIL 또는 Pillow가 존재합니다. PIL은 Python Image Library의 약자로 다양한 기능을 가지고 있습니다. 그 중에는 물론 이미지의 크기를 조절할 수 있습니다.# Python에 PIL 설치하기먼저 PIL을 설치하는 방법을 알아봅니다. 설치를 하기 위해 아래와 같이 Package를 다운로드합니다.> pip install Pillow 인스톨이 끝나면 이제 썸네일을 생성하는 방법을 알아봅니다.# Python 썸네일 또는 리사이즈 알아보기리사이즈를 수행하기 위하여 아래의 코드를 추가합니다.! 파이썬 파일 /upload/ 경로에 업로드# Create thumbnail Example im = Image.open('test.jpg') size = (128, 12
2017-08-01 16:02:15자바스크립트의 이벤트 중 resize는 페이지 사이즈가 바뀌면 계속해서... 일반적으로 픽셀단위로 발생합니다. 만약 연속해서 발생하지 않도록 하는 방법은 무엇이 있을까요?가장 간단한 방법으로 clearTimeout을 활용하는 방법이 있습니다. 아래의 코드를 봐주세요.# resize 이벤트 연속해서 발생하지 않는 방법아래와 같이 예제를 작성해보았습니다.var resizeTimeout;clearTimeout(resizeTimeout);resizeTimeout = setTimeout(function() { Code}, 150);위 코드는 clearTimeout을 사용하여 만약 resizeTimeout이 존재하는 경우 clear... 즉 제거합니다. 그 이유로 150ms 이전에는 이벤트가 발생하지 않도록 하는 방법입니다.여기서 주의할 부분이 있다면...resizeTimeout은 전역에 선언되거나 접근이 가능하여야 합니다. 만약 그렇지 않은 경우 clearTimeout이 해당
2017-04-06 17:16:24CKEditor를 사용하여 에디터를 활성화한 이름이 만약 myEditor라면 다음과 같이 리사이즈 또는 사이즈 등의 옵션을 설정할 수 있습니다.# CKEditor를 사용한 사이즈 조절 및 최대최소 설정하기- 사이즈 조절myEditor.resize(width, height);- 에디터 영역을 포함할 것인지를 결정( true / false )myEditor.resize(width, height, true);# CKEDITOR config 사용의 설정config 설정은 아래와 같이 사용합니다.CKEDITOR.editorConfig = function(config) { // 설정 내용 여기에};- 최소 및 최대 크기의 설정config.resize_minWidth = 200;config.resize_maxWidth = 400;config.resize_minHeight = 200;config.resize_maxHeight = 400; - 리사이즈 방향 설정(좌 / 우 / 둘다)config.r
2017-03-22 20:00:21textarea 태그는 사용자가 입력한 값을 받는데 유용하게 사용할 수 있다. 기본적으로 textarea의 창 크기는 텍스트에 따라 자동으로 변하지 않는다. 하지만 textarea 엘리먼트는 resize가 가능한 인터페이스를 가지고 있어 이를 늘리거나 줄이는 기능을 css를 통해 사용할 수 있다. 만약 textarea 태그를 리사이즈(resizing) 할 경우 좌우 길이나 상하 높이만 조절하려면 어떻게 해야할까?복잡한 스크립트를 떠올릴 수도 있으나 사실 css의 resize 속성을 사용하면 간단하게 해결할 수 있다. resize 옵션은 textarea의 사이즈 변경이 가능한 옵션으로 설정할 경우 크기를 변경하거나 반대로 못하게 할 수 있는 편리한 css 속성이다. 게다가 수평 또는 수직으로만 변경가능한 옵션도 존재한다. 아래는 설정 가능한 옵션값이다.# resize 속성 사용 가능한 값 보기아래는 textarea 태그 resize 속성에 적용 가능한 값들이다.resize: both;
2016-08-17 07:52:15제이쿼리를 사용하여 브라우저 창의 크기를 조절할 때 이벤트를 발생하는 방법에 대하여 알아봅니다.# 브라우저 크기 변화에 따른 이벤트 발생, jQuery브라우저 크기가 바뀌었을 경우 제이쿼리의 메소드 resize()를 사용할 수 있니다. resize()는 크기 변화가 발생할 경우 호출되어 함수 내부의 코드를 실행하게 됩니다. 먼저 간단한 사용 방법은 아래와 같습니다.$(window).resize(function() { ... });실제 웹사이트를 구축할 경우 브라우저 크기 이벤트는 언제 사용할 수 있을까요?모바일 / 데스크탑에 따라 다른 이벤트 동작 등이 필요한 경우반응형웹 구현시 CSS를 사용하지 않고 스크립트를 사용하는 경우이처럼 브라우저, 화면의 크기에 따라 다른 뷰를 방문자에게 보여주는 경우에 많이 사용됩니다. 그럼 간단한 예제를 만들어보고 어떻게 동작하는지 알아봅니다.# 제이쿼리 resize(), 브라우저 크기 변경 예제아래 에제는 만약 브라우저 폭의 width값이 800p
2015-02-03 18:57:17웹사이트의 방문자가 textarea 태그의 박스크기, 사이즈를 임의로 수정을 못하게 하는 방법을 알아보겠습니다. 어떻게해야할까요? 아래에서 알아봅니다.먼저 textarea 태그는 주로 게시판이나 댓글에 사용됩니다. 이때 textarea 태그는 기본값으로 사용자가 임의 사이즈를 변경 가능토록되어있습니다. 이때 방문자가 임의변경을 못하게 하려면? 바로 css의 resize 속성값을 변경해야합니다.# textarea 변경 못하도록 고정하는 방법아래는 resize 속성을 사용하여 방문자가 사이즈를 변경하지 못하도록 막는 예제입니다. 그럼 아래 소스를 봐주세요.@ textarea.html<div> <textarea class="noresize"></textarea></div>이제 태그에 css의 resize를 사용해보겠습니다. 아래와 같이 css를 적용합니다. 이때 적용 가능한 값이 몇 가지 존재합니다. 원하는 값으로 설정하면 됩니다.@textarea.css.noresize { resi
2014-01-25 16:04:43
