Peb ua hauj lwm nrog vector graphics online


Lub tswvyim ntawm vector dluab mus rau yooj yim npaum li cas ntawm cov PC tib neeg siv tsis hais dab tsi. Cov neeg tsim tsa, tig mus, siv cov duab zoo li no rau lawv txoj haujlwm.

Nyob rau hauv lub dhau los, mus ua hauj lwm nrog SVG-duab, koj xav twv yuav raug hu rau ib qho ntawm ib tug tshwj xeeb desktop daws zoo li Adobe Illustrator los yog Inkscape ntawm koj lub computer. Tam sim no zoo li cov cuab yeej muaj nyob online, tsis tas yuav tsum tau mus downloading.

Saib kuj: Kawm kev kos rau hauv Adobe Illustrator

Yuav ua li cas ua hauj lwm nrog SVG hauv internet

Thaum ua tiav qhov kev thov rau Google, koj tuaj yeem ntsib cov neeg coob ntawm ntau tus vector online editors. Tab sis feem ntau ntawm cov kev daws teeb meem feem ntau muaj kev cuam tshuam rau kev sib tw thiab feem ntau tsis pub ua haujlwm nrog cov haujlwm loj. Peb yuav xav txog cov kev pabcuam zoo tshaj plaws rau kev tsim thiab kho cov duab SVG-cov duab nyob rau hauv qhov browser.

Tau kawg, cov cuab yeej hauv internet tsis tuaj yeem hloov cov kev siv hauv cov qauv siv, tiam sis feem ntau cov neeg siv ntawm cov lus xaiv npaj yuav muaj ntau tshaj li qhov txaus.

Method 1: Vectr

Sophisticated vector editor los ntawm tus creators ntawm ntau yam kev paub Pixlr. Qhov cuab yeej no yuav pab tau rau cov pib tshiab thiab cov neeg siv siab tshaj ua haujlwm nrog SVG.

Dua li ntawm qhov kev nplua nuj ntawm kev khiav dej num, tau poob rau hauv Vectr interface yuav tsis yooj yim. Cov cwj pwm tshiab, cov ncauj lus qhia kom ntxaws qhia thiab cov lus qhia ntev yuav muab rau txhua feem ntawm qhov kev pab cuam. Ntawm cov cuab yeej ntawm cov editor muaj txhua yam rau tsim SVG-dluab: nrhiav, icons, thav ntawv, ntxoov ntxoo, txhuam, kev them nyiaj yug rau kev ua hauj lwm nrog txheej, thiab lwm yam. Koj tuaj yeem kos ib qho duab los ntawm kos lossis xa koj tus kheej.

Vectr hauv internet kev pab

  1. Ua ntej koj pib siv cov kev pab, nws yog ib qho tsim nyog kom nkag mus nrog ib qho ntawm cov koom txoos uas muaj kev sib txuas los yog tsim ib qho nyiaj rau ntawm qhov chaw ntawm kos.

    Qhov no tsis yog tso cai rau koj mus download tau cov ntsiab lus ntawm koj kev ua haujlwm rau koj lub computer, tab sis nyob rau txhua lub sij hawm los cawm cov kev hloov hauv "huab".
  2. Cov kev pab cuam zoo sib xws li qhov yooj yim thiab meej meej: qhov cuab yeej muaj nyob rau sab laug ntawm lub canvas, thiab qhov hloov ntawm txhua ntawm lawv nyob rau sab xis.

    Nws txhawb qhov kev tsim ntawm ntau tshaj ntawm cov nplooj ntawv uas muaj cov qauv qauv rau txhua tus saj - los ntawm daim duab npog raws li kev sib raug zoo rau cov txheej txheem qauv ntawv.
  3. Koj tuaj yeem xa cov duab tiav los ntawm txhaj rau khawm xub nyob hauv lub tshuab raj ntawm sab xis.
  4. Nyob rau hauv lub qhov rais qhib, txhais cov kev download tau thiab nias Download tau.

Export peev xwm kuj muaj xws li ib yam ntawm cov Vectr nta yooj yim tshaj plaws - kev them nyiaj yug rau cov nyiaj tso ncaj qha mus rau SVG qhov project hauv cov editor. Ntau cov chaw muab kev pab tsis txhob pub downloading vector dluab ncaj qha mus rau lawv tus kheej, tab sis txawm li cas los xij lawv cov duab tso saib. Hauv qhov no, Vectra yuav siv tau los ua tiag SVG hosting, uas lwm cov kev pab cuam tsis pub.

Nws yuav tsum tau sau tseg tias cov editor tsis tas thwj kov txoj graphics. Vim li no, qee txoj haujlwm yuav qhib tau rau hauv Vectr nrog kev ua yuam kev los yog kev ua yeeb yam.

Txoj kev 2: Sketchpad

Ib qho yooj yim thiab yooj yim web site editor tsim SVG dluab raws li cov HTML5 platform. Vim tias muaj ntau yam khoom siv, nws muaj cuab kav sib cav hais tias qhov kev pabcuam yog npaj rau kev kos duab. Nrog Sketchpad, koj muaj peev xwm tsim zoo nkauj, ua tib zoo duab crafted, tab sis tsis muaj ntxiv.

Lub cuab yeej muaj ntau hom kev txhuam ntawm ntau hom duab thiab hom, ib txheej duab, cov ntawv nplaum thiab cov nplaum rau kev sib tw. Tus editor tso cai rau koj muab siab rau cov khaubncaws sab nraud povtseg - los tswj lawv qhov kev tso kawm thiab cov qauv zoo nkauj. Zoo, raws li ib tug ntxiv, daim ntawv thov yog tag nrho txhais ua lus Askiv, yog li koj yuav tsum tsis txhob muaj teeb meem nrog nws txoj kev loj hlob.

Sketchpad qhov kev pabcuam online

  1. Txhua yam koj yuav tsum tau ua haujlwm nrog tus editor - qhov browser thiab kev nkag mus rau lub network. Qhov kev tso cai rau ntawm lub tsev kawm ntawv tsis muab.
  2. Yuav kom download tau daim duab tiav rau hauv lub computer, nyem rau ntawm lub plhaub icon nyob hauv daim ntawv qhia zaub mov ntawm sab laug, thiab tom qab ntawd xaiv cov hom ntawv yam hauv lub qhov rais qhib.

Yog tias tsim nyog, koj tuaj yeem txuag tau daim duab tsis tiav los ua daim Sketchpad, thiab tom qab ntawd thaum twg los tau npaj tiav nws.

Txoj Cai 3: Txoj Kev Teeb Meem

Lub web daim ntawv thov no yog tsim los rau cov haujlwm khiav lag luam nrog vector cov ntaub ntawv. Outwardly, qhov cuab tam zoo li lub vib this tsev Adobe, tiam sis saib txhua yam kev ua haujlwm yog qhov yooj yim dua. Txawm li cas los xij, muaj qee qhov tshwj xeeb nta nyob rau hauv Txoj Kev Ntsuas.

Ntxiv nrog rau kev ua haujlwm nrog SVG cov duab, tus editor pub koj mus import dluab raster thiab tsim vector dluab raws lawv. Qhov no tuaj yeem ua tau raws li cov lus sib txuas nrog cov cwj mem. Daim ntawv thov muaj tag nrho cov khoom tsim nyog rau kev teeb tsa ntawm vector kos duab. Muaj ib lub tsev qiv ntawv ntawm cov duab, cov xim palette puv npo thiab kev txhawb zog rau cov keyboard shortcuts.

Txoj Kev Siv Tuaj Txawv Hauv Cov Khoom Siv Hauv Internet

  1. Qhov kev pab tsis tau sau npe los ntawm tus neeg siv. Tsuas mus rau qhov chaw thiab ua haujlwm nrog cov ntaub ntawv vector uas twb muaj lawm lossis tsim ib qho tshiab.
  2. Ntxiv nrog rau tsim SVG tawg tsam nyob hauv ib cheeb tsam graphical, koj tuaj yeem kho cov duab ncaj qha ntawm cov cai qib.

    Ua li no, cia li mus "Saib" - "Tau qhov twg los ..." los yog siv cov keyboard shortcut "Ctrl + U".
  3. Thaum ua tiav daim duab, koj tuaj yeem txuag nws mus rau koj lub computer.

  4. Yuav kom xa cov duab, qhib lub tshuab raj "Cov Ntaub Ntawv" thiab nias "Tseg Duab ...". Los yog siv cov ntawv me me "Ctrl + S".

Txoj kev kos duab yog qhov tseeb tsis tsim rau tsim cov vector loj cov hauj lwm - vim li cas qhov tsis muaj kev sib zog. Tab sis vim yog qhov tsis tseem ceeb cov ntsiab lus thiab qhov chaw ua haujlwm zoo, cov kev pab cuam yuav ua tau zoo heev rau kev ceev editing lossis pinpoint caiv cov duab SVG yooj yim.

Txoj kev 4: Tus Qauv Tsim Hnav

Dawb web vector graphics editor rau cov neeg siv kev tshaj lij. Muaj coob tus neeg tsim qauv muab Gravit rau ntawm qhov kev sib tw nrog cov qauv duab, xws li Adobe Illustrator. Qhov tseeb yog tias qhov cuab yeej no yog kev sib tsoo-platform, uas yog, nws muaj tag nrho muaj nyob rau hauv tag nrho cov computer operating systems, thiab kuj yog ib daim ntawv thov web.

Gravit Designer yog nyob hauv txoj kev loj hlob thiab nquag tau txais cov tshiab nta uas twb txaus los tsim txoj haujlwm cov haujlwm.

Gravit Designer hauv internet

Tus editor muaj koj txhua hom ntawm cov cuab yeej rau kev kos duab nraub qaum, nrhiav, paths, text overlay, nyob, thiab ntau yam kev cai los. Muaj ntau lub tsev qiv ntawv ntawm cov nuj nqis, duab puab thiab cov duab cim. Txhua lub hauv qhov chaw Gravit muaj cov npe ntawm cov khoom uas yuav hloov.

Tag nrho cov ntau yam yog "ntim" nyob rau hauv ib tug stylish thiab intuitive interface, yog li ntawd txhua lub cuab tam yog muaj nyob rau hauv cia li ib ob peb clicks.

  1. Txhawm rau pib nrog cov editor, koj tsis tas yuav tsim ib tug account hauv qhov kev pabcuam.

    Tab sis yog tias koj xav siv cov qauv npaj ua, koj yuav tsum tsim kom muaj ib qho nyiaj dawb Gravit huab.
  2. Txhawm rau tsim ib qhov project tshiab los ntawm kos rau hauv qhov rais txais tos, mus rau lub tab "Tus Qauv Tshiab" thiab xaiv lub qhov siab me me.

    Raws li, kom ua hauj lwm nrog lub qauv, qhib seem "Tshiab los ntawm Template" thiab xaiv yam khoom ntawd.
  3. Gravit yeej txuag tau tag nrho cov kev hloov thaum koj ua yeeb yam hauv ib qhov project.

    Los qhib no qhov tshwj xeeb, siv qhov tseem ceeb ntawm qhov tseem ceeb. "Ctrl + S" thiab nyob rau hauv lub qhov rais uas pom, sau lub duab, ces nyem qhov khawm "Txuag".
  4. Koj tuaj yeem xa cov duab hauv cov duab hauv SVG vector hom thiab raster JPEG lossis PNG.

  5. Tsis tas li ntawd, nws muaj kev xaiv tseg qhov project ua ib daim ntawv nrog rau daim extension PDF.

Xav tias qhov kev pabcuam no yog tsim los rau kev ua haujlwm puv ntoob nrog vector graphics, nws tuaj yeem tau pom zoo txawm tias cov kws tsim tawm. Nrog Gravit, koj yuav kho kom raug SVG cov duab, tsis hais txog ntawm qhov uas koj ua qhov no. Kom deb li deb, tsab ntawv no tsuas yog siv rau OS xwb, tab sis tsis ntev no editor yuav tshwm sim rau cov khoom siv mobile.

Txoj kev 5: Janvas

Ib lub cuab tam rau cov neeg tsim tawm los tsim cov vector graphics. Cov kev pabcuam no muaj ntau cov cuab yeej cuabyej nrog cov khoom uas muaj neeg nyiam. Lub ntsiab feature ntawm Janvas yog lub peev xwm los tsim cov sib tham sib SVG cov duab animated nrog CSS. Thiab nyob rau hauv nrog JavaScript, qhov kev pab cuam tso cai rau koj los tsim tag nrho web daim ntaub ntawv.

Nyob rau hauv keej txhais tes, no editor yog tiag tiag ib tug haib twj, whereas ib tug beginner feem ntau yuav yog vim ntawm abundance ntawm ntau yam zog yuav tsuas tsis to taub dab tsi yog dab tsi.

Janvas kev pab online

  1. Tso lub web daim ntawv thov nyob rau hauv koj tus browser, nyem qhov link saum toj no thiab nias lub khawm. "Pib los tsim".
  2. Nyob rau hauv lub qhov rais tshiab, tus kws sau ntawv yuav qhib nrog lub canvas nyob hauv nruab nrab thiab toolbars ncig nws.
  3. Koj tuaj yeem xa cov duab tiav nkaus xwb rau huab cia ntawm koj xaiv, thiab tsuas yog tias koj tau yuav ib qho kev xa npe mus rau qhov kev pabcuam.

Tau, lub cuab tam yog hmoov tsis dawb. Tab sis qhov no yog kev daws teeb meem, uas tsis zoo rau txhua tus neeg.

Method 6: DrawSVG

Qhov yooj yim tshaj plaws hauv online pab uas tso cai rau webmasters kom yooj yim tsim zoo SVG ntsiab rau lawv qhov chaw. Tus editor muaj lub tsev qiv ntawv zoo tshaj plaws ntawm cov duab, cov cim, cov tsiaj, cov duab thiab cov xim.

Nrog kev pab los ntawm DrawSVG, koj tuaj yeem tsim vector khoom txhua yam thiab khoom, hloov lawv cov cwj pwm thiab kav lawv li cais cov duab. Nws yog tau los embed ntaub ntawv multimedia multimedia ntaub ntawv rau SVG: video thiab suab los ntawm lub computer los yog network sources.

DrawSVG cov kev pabcuam online

No editor, tsis zoo li ntau lwm tus, tsis zoo li qhov chaw nres nkoj browser ntawm daim ntawv thov kev lag luam. Ntawm sab laug yog cov cuab yeej cuab tam lub ntsiab, thiab saum toj yog cov tswj. Lub ntsiab qhov chaw yog lub canvas rau kev ua hauj lwm nrog cov duab.

Nrog tas ua hauj lwm nrog ib daim duab, koj tuaj yeem txuag tau qhov ua tau raws li SVG lossis raws li cov duab bitmap.

  1. Ua li no, nrhiav lub cim hauv qhov toolbar "Txuag".
  2. Txhawm rau ntawm no icon yuav qhib qhov rais qhib pop-up nrog ib daim ntawv mus thauj khoom SVG.

    Nkag mus rau lub npe yam ntaub ntawv thiab nias "Tseg tau ua cov ntaub ntawv".
  3. DrawSVG tuaj yeem hu ua lub teeb ntawm Janvas. Tus editor txhawb kev ua hauj lwm nrog CSS tus kheej, tab sis tsis zoo li lub cuab tam dhau los, nws tsis tso cai rau cov ntsiab lus tseem ceeb.

Saib kuj: Qhib SVG vector graphics ntaub ntawv

Cov kev pabcuam teev hauv tsab xov xwm no tsis yog txhua tus vector editors muaj nyob rau hauv lub vas sab. Txawm li cas los, ntawm no peb tau sau rau feem ntau cov dawb thiab pov thawj online daws kev ua hauj lwm nrog SVG-ntaub ntawv. Txawm li cas los xij, qee yam ntawm lawv yeej muaj peev xwm sib tw nrog cov cuab yeej duab. Zoo, qhov yuav siv li cas yog nyob ntawm koj cov kev xav tau thiab nyiam.