magica
ImageMagick for browser and Node.js, easy setup, high level API and Command Line Interface
파일 탐색기
최종 버전 다운로드 (.zip)- nodejs.yml
- worker.ts
- dispatcher.ts
- state.tsx
- store.tsx
- workerAccess.ts
- bluebells.png
- favicon.ico
- index.html
- styles.css
- body.tsx
- command.tsx
- fields.tsx
- inputFiles.tsx
- output.tsx
- about.tsx
- component.tsx
- forkRibbon.tsx
- urlState.tsx
- util.tsx
- header.tsx
- baseApp.tsx
- main.tsx
- mainUser.tsx
- .gitignore
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- index.html
- main.tsx
- renderInCanvas.tsx
- test1.tsx
- test2.tsx
- test3.tsx
- test4.tsx
- .gitignore
- package-lock.json
- package.json
- README.md
- tsconfig.json
- camtest.js
- abstractComponent.ts
- app.ts
- canvas.ts
- commands.ts
- imageHandler.ts
- imageUtil.ts
- lenna.jpg
- main.ts
- menu.ts
- options.ts
- showModal.ts
- sideBar.ts
- state.ts
- statusBar.ts
- store.ts
- styles.ts
- .gitignore
- ava.config.js
- formatCodeSettings.json
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- camTest.tsx
- camTest2.tsx
- change.tsx
- commands.tsx
- dispatch.tsx
- state.tsx
- store.tsx
- urlState.tsx
- about.tsx
- canvas.tsx
- command.tsx
- component.tsx
- fields.tsx
- forkRibbon.tsx
- input.tsx
- layout.tsx
- layoutContainer.tsx
- styles.scss
- timeMemory.tsx
- misc.tsx
- video.ts
- index.html
- main.tsx
- .gitignore
- package-lock.json
- package.json
- README.md
- tsconfig.json
- colorglow
- fisheye
- mandril.jpeg
- mandril_fisheye.jpeg
- ortoneffectProbe.ts
- Passion_Flower.jpeg
- sketch
- sketching
- turbulence
- turbulence.ts
- cliRunExample.ts
- commandBuilder.ts
- common.ts
- examples.ts
- index.ts
- types.ts
- .gitignore
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- bluebells.png
- bridge.psd
- challenge.gif
- helvetica.ttf
- LICENSE.txt
- photo.tiff
- PoetsenOne-Regular.otf
- wand.ico
- whale4.jpg
- exampleEditor.tsx
- fieldEditor.tsx
- imageEditor.tsx
- examples.ts
- bulmaTest.tsx
- codeEditorTest.tsx
- DropDown.tsx
- magicaTest1.tsx
- codeEditor.tsx
- exampleInformation.tsx
- exampleSelection.tsx
- executedCommands.tsx
- executionResult.tsx
- Image.tsx
- inputImages.tsx
- mainLayout.tsx
- navBar.tsx
- outputImages.tsx
- status.tsx
- tip.tsx
- worker.ts
- workerAccess.ts
- handlers.ts
- index.html
- index.scss
- index.tsx
- state.tsx
- util.ts
- .gitignore
- package-lock.json
- package.json
- README.md
- TODO.md
- tsconfig.json
- index.html
- probe.tsx
- canvas.tsx
- change.tsx
- types.tsx
- .gitignore
- package-lock.json
- package.json
- README.md
- tsconfig.json
- favicon.26242483.ico
- index.html
- main.af46ece4.css
- main.af46ece4.css.map
- src.77de5100.js
- src.77de5100.js.map
- index.html
- app.tsx
- favicon.ico
- index.html
- index.ts
- main.css
- .gitignore
- package-lock.json
- package.json
- tsconfig.json
- worker.ts
- dispatcher.ts
- state.tsx
- store.tsx
- workerAccess.ts
- bluebells.png
- favicon.ico
- index.html
- meme1.png
- meme2.png
- meme3.png
- styles.css
- body.tsx
- command.tsx
- fields.tsx
- inputFiles.tsx
- output.tsx
- about.tsx
- component.tsx
- forkRibbon.tsx
- urlState.tsx
- util.tsx
- home.tsx
- homeExperiment.tsx
- header.tsx
- baseApp.tsx
- main.tsx
- mainUser.tsx
- .gitignore
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- gobjectTypes.ts
- index.d.ts
- inspect.ts
- render.ts
- test2.ts
- test3.ts
- typeGenerationTypes.ts
- devhelp.js
- draw.js
- editor.js
- hello.c
- mouse_events.c
- style.css
- test.js
- test1.js
- tree1.js
- nativesTest.ts
- test1Render.ts
- .gitignore
- ava.config-js.js
- ava.config.js
- formatCodeSettings.json
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- README.md
- magica.js
- _file_file_.file.md
- _main_template_fshelper_.lshelper.md
- _main_template_imagehelper_.heighthelper.md
- _main_template_imagehelper_.imageinfohelper.md
- _main_template_imagehelper_.sizehelper.md
- _main_template_imagehelper_.widthhelper.md
- _main_template_template_.template.md
- _imagemagick_imlists_.imlist.align.md
- _imagemagick_imlists_.imlist.alpha.md
- _imagemagick_imlists_.imlist.autothreshold.md
- _imagemagick_imlists_.imlist.boolean_.md
- _imagemagick_imlists_.imlist.cache_.md
- _imagemagick_imlists_.imlist.channel.md
- _imagemagick_imlists_.imlist.class.md
- _imagemagick_imlists_.imlist.cli.md
- _imagemagick_imlists_.imlist.clippath.md
- _imagemagick_imlists_.imlist.coder.md
- _imagemagick_imlists_.imlist.color.md
- _imagemagick_imlists_.imlist.colorspace.md
- _imagemagick_imlists_.imlist.command.md
- _imagemagick_imlists_.imlist.complex.md
- _imagemagick_imlists_.imlist.compliance.md
- _imagemagick_imlists_.imlist.compose.md
- _imagemagick_imlists_.imlist.compress.md
- _imagemagick_imlists_.imlist.configure.md
- _imagemagick_imlists_.imlist.datatype.md
- _imagemagick_imlists_.imlist.debug.md
- _imagemagick_imlists_.imlist.decoration.md
- _imagemagick_imlists_.imlist.delegate.md
- _imagemagick_imlists_.imlist.direction.md
- _imagemagick_imlists_.imlist.dispose.md
- _imagemagick_imlists_.imlist.distort.md
- _imagemagick_imlists_.imlist.dither.md
- _imagemagick_imlists_.imlist.endian.md
- _imagemagick_imlists_.imlist.evaluate.md
- _imagemagick_imlists_.imlist.fillrule.md
- _imagemagick_imlists_.imlist.filter.md
- _imagemagick_imlists_.imlist.font.md
- _imagemagick_imlists_.imlist.format.md
- _imagemagick_imlists_.imlist.function_.md
- _imagemagick_imlists_.imlist.gradient.md
- _imagemagick_imlists_.imlist.gravity.md
- _imagemagick_imlists_.imlist.intensity.md
- _imagemagick_imlists_.imlist.intent.md
- _imagemagick_imlists_.imlist.interlace.md
- _imagemagick_imlists_.imlist.interpolate.md
- _imagemagick_imlists_.imlist.kernel.md
- _imagemagick_imlists_.imlist.layers.md
- _imagemagick_imlists_.imlist.linecap.md
- _imagemagick_imlists_.imlist.linejoin.md
- _imagemagick_imlists_.imlist.list.md
- _imagemagick_imlists_.imlist.locale.md
- _imagemagick_imlists_.imlist.log.md
- _imagemagick_imlists_.imlist.logevent.md
- _imagemagick_imlists_.imlist.magic.md
- _imagemagick_imlists_.imlist.method.md
- _imagemagick_imlists_.imlist.metric.md
- _imagemagick_imlists_.imlist.mime.md
- _imagemagick_imlists_.imlist.mode.md
- _imagemagick_imlists_.imlist.module.md
- _imagemagick_imlists_.imlist.morphology.md
- _imagemagick_imlists_.imlist.noise.md
- _imagemagick_imlists_.imlist.orientation.md
- _imagemagick_imlists_.imlist.pixelchannel.md
- _imagemagick_imlists_.imlist.pixelintensity.md
- _imagemagick_imlists_.imlist.pixelmask.md
- _imagemagick_imlists_.imlist.pixeltrait.md
- _imagemagick_imlists_.imlist.policy.md
- _imagemagick_imlists_.imlist.policydomain.md
- _imagemagick_imlists_.imlist.policyrights.md
- _imagemagick_imlists_.imlist.preview.md
- _imagemagick_imlists_.imlist.primitive.md
- _imagemagick_imlists_.imlist.quantumformat.md
- _imagemagick_imlists_.imlist.resource.md
- _imagemagick_imlists_.imlist.sparsecolor.md
- _imagemagick_imlists_.imlist.statistic.md
- _imagemagick_imlists_.imlist.storage_.md
- _imagemagick_imlists_.imlist.stretch.md
- _imagemagick_imlists_.imlist.style.md
- _imagemagick_imlists_.imlist.threshold.md
- _imagemagick_imlists_.imlist.tool.md
- _imagemagick_imlists_.imlist.type.md
- _imagemagick_imlists_.imlist.units.md
- _imagemagick_imlists_.imlist.validate.md
- _imagemagick_imlists_.imlist.virtualpixel.md
- _imagemagick_imlists_.imlist.weight.md
- _file_emscriptenfs_.emscriptenmodule.md
- _file_emscriptenfs_.fs.md
- _file_file_.resolveoptions.md
- _image_imageinfo_.extractinforesultimage.md
- _imagemagick_createmain_.nativeresult.md
- _imagemagick_magickloaded_.main.md
- _main_customcommand_.customcommandcontext.md
- _main_customcommand_.customcommanddispatchoptions.md
- _main_template_template_.templatehelper.md
- _types_.clioptions.md
- _types_.commandpreprocessor.md
- _types_.ifile.md
- _types_.nativeoptions.md
- _types_.options.md
- _types_.point.md
- _types_.rectangle.md
- _types_.result.md
- _types_.rgba.md
- _types_.runoptions.md
- _types_.runresult.md
- _types_.scriptevent.md
- _types_.size.md
- _util_lsr_.lsrvisitorfile.md
- _file_emscriptenfs_.md
- _file_file_.md
- _file_protected_.md
- _image_html_.md
- _image_imagecompare_.md
- _image_imageinfo_.md
- _image_imageutil_.md
- _image_support_.md
- _imagemagick_createmain_.md
- _imagemagick_imlists_.imlist.md
- _imagemagick_imlists_.md
- _imagemagick_magickloaded_.md
- _index_.md
- _main_command_.md
- _main_customcommand_.md
- _main_executecommandpreprocessor_.md
- _main_main_.md
- _main_run_.md
- _main_template_fshelper_.md
- _main_template_imagehelper_.md
- _main_template_template_.md
- _options_.md
- _types_.md
- _util_base64_.md
- _util_fileutil_.md
- _util_index_.md
- _util_lsr_.md
- _util_magica_.md
- _util_magicawasm_.md
- _util_mkdirp_.md
- _util_rmrf_.md
- README.md
- magick-wasm.js
- base.sh
- build-autotrace.sh
- build-fftw.sh
- build-freetype.sh
- build-h2pxx.sh
- build-ImageMagick.sh
- build-jp2.sh
- build-jpeg-turbo.sh
- build-lcms.sh
- build-libde265.sh
- build-libheif.sh
- build-libjpeg.sh
- build-liblqr.sh
- build-libpng.sh
- build-openexr.sh
- build-openjpeg.sh
- build-raw.sh
- build-tiff.sh
- build-webp-autoconf.sh
- build-webp-jsbuild.sh
- build-webp.sh
- build-zlib.sh
- build.sh
- Dockerfile
- link-magickWasm.sh
- print-revisions.sh
- run-docker.sh
- test-local-magica.sh
- test-wasm-magica.sh
- versions.txt
- base.sh.ejs
- build-autotrace.sh.ejs
- build-fftw.sh.ejs
- build-freetype.sh.ejs
- build-h2pxx.sh.ejs
- build-ImageMagick.sh.ejs
- build-jp2.sh.ejs
- build-jpeg-turbo.sh.ejs
- build-lcms.sh.ejs
- build-libde265.sh.ejs
- build-libheif.sh.ejs
- build-libjpeg.sh.ejs
- build-liblqr.sh.ejs
- build-libpng.sh.ejs
- build-openexr.sh.ejs
- build-openjpeg.sh.ejs
- build-raw.sh.ejs
- build-tiff.sh.ejs
- build-webp.sh.ejs
- build-zlib.sh.ejs
- build.sh.ejs
- Dockerfile.ejs
- link-magickWasm.sh.ejs
- print-revisions.sh.ejs
- run-docker.sh.ejs
- test-local-magica.sh.ejs
- test-wasm-magica.sh.ejs
- cli.ts
- defaults.ts
- launch.ts
- main.ts
- template.ts
- types.ts
- cliTest.ts
- magick.js
- magick.wasm
- versions.txt
- magick.js
- magick.wasm
- versions.txt
- .gitignore
- .npmignore
- ava.config.js
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- worker.ts
- dispatcher.ts
- state.tsx
- store.tsx
- workerAccess.ts
- bluebells.png
- bridge.psd
- challenge.gif
- helvetica.ttf
- LICENSE.txt
- photo.tiff
- PoetsenOne-Regular.otf
- wand.ico
- whale4.jpg
- body.tsx
- command.tsx
- fields.tsx
- inputFiles.tsx
- output.tsx
- component.tsx
- forkRibbon.tsx
- urlState.tsx
- util.tsx
- about.tsx
- app.tsx
- header.tsx
- favicon.ico
- index.html
- main.tsx
- styles.css
- .gitignore
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- cli.ts
- cliMain.ts
- emscriptenFs.ts
- file.ts
- protected.ts
- html.ts
- imageCompare.ts
- imageInfo.ts
- imageUtil.ts
- support.ts
- magick.js
- magick.wasm
- nodeMagick.js
- versions.txt
- createMain.ts
- imLists.ts
- magickLoaded.ts
- magickPrefix.js
- consoleHelper.ts
- fsHelper.ts
- imageHelper.ts
- template.ts
- command.ts
- customCommand.ts
- executeCommandPreprocessor.ts
- main.ts
- run.ts
- base64.ts
- fileUtil.ts
- index.ts
- lsR.ts
- magica.ts
- magicaWasm.ts
- mkdirp.ts
- rmRf.ts
- index.ts
- options.ts
- types.ts
- bluebells.png
- bridge.psd
- chala.tiff
- colorProfile2.icc
- colorProfile3.icc
- ear.webp
- example.heic
- fft1.png
- formatConvertIdentifyScript.ts
- helvetica.ttf
- image.svg
- input.gif
- input.mng
- input2.j2k
- input2.jp2
- input2.jpc
- input2.png
- lenna.jpg
- listList.ts
- logo.jpg
- lowlevelTestScript.js
- n.png
- nodejs.ico
- PoetsenOne-Regular.otf
- raw1.png
- run_2.gif
- size1.gif
- text.png
- text2.png
- text3.jpg
- to_rotate.jpg
- perf1.ts
- crystalizeApi.ts
- primitiveMagica.ts
- run-tests-serially.ts
- runError.ts
- sketcherCliTest__.ts
- sketching.txt
- test_.js
- tests.txt
- typeScriptIssue.ts
- umdtest.html
- buildTest.ts
- cliTest.ts
- commandTest.ts
- customCommandTest.ts
- featuresAndDelegatesTest.ts
- fileTest.ts
- formatTest.ts
- fsUtilTest.ts
- imageCompareTest.ts
- imageInfoTest.ts
- imageUtilTest.ts
- lowlevelTest.ts
- mainTest.ts
- nativeTest.ts
- performanceTest.ts
- runTest.ts
- templateTest.ts
- testUtil.ts
- textTest.ts
- runText.ts
- simpleConvert.ts
- simpleIdentify.ts
- index.html
- index.ts
- worker.ts
- browserTest.ts
- staticServer.ts
- testMain.html
- testMain.ts
- testUmdWasmLocation.html
- testUmdWasmLocationTest.ts
- testUtil.ts
- .gitignore
- .npmignore
- .travis.yml
- ava.config-js.js
- ava.config.js
- buildAllProjects.sh
- formatCodeSettings.json
- LICENSE
- NOTICE
- nyc.config.js
- package-lock.json
- package.json
- README.md
- TODO.md
- tsconfig.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/cancerberoSgx/magica
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd magica
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. 공식 설치 스크립트
쉬움 추천사전 준비물
- Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다.
npm install -g magica
npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.
설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Docker
쉬움사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
docker build -f magick-wasm/build/emscripten-scripts/Dockerfile -t magica .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 magica
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
4. Node.js
쉬움사전 준비물
npm install magica
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm install -g magica
npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.
* So no build is necessary. Just `npm install` and you are ready to go, both in node.js and the browser.
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
