← ડિઝાઇન અને CSS
ડિઝાઇન અને CSS · સ્થાનિક રીતે ચાલે છે

HTML થી SVG રેન્ડરર

સેનિટાઈઝ કરેલા HTML ફ્રેગમેન્ટને સ્કેલ કરી શકાય એવા SVG કેનવાસમાં ફેરવો, જેના ટેક્સ્ટ અને લેઆઉટ વિવિધ ડિસ્પ્લે કદમાં પણ સ્પષ્ટ રહે.

તૈયાર. તમારું કાર્ય ડેટા આ બ્રાઉઝરમાં જ રહે છે.

આ સાધન કેમ ઉપયોગી છે

HTMLમાંથી એક સ્વતંત્ર, રિમોટ સંસાધનો વિનાનું વેક્ટર મૉકઅપ, દસ્તાવેજીકરણ આકૃતિ અથવા ફરીથી ઉપયોગ કરી શકાય એવું ઇન્ટરફેસ નમૂનું બનાવો.

તે કેવી રીતે કાર્ય કરે છે

બ્રાઉઝર executable અને network-capable markup દૂર કરે છે, બાકી રહેલ XHTML ને SVG foreignObjectમાં લપેટે છે, અને ચોક્કસ સીમાબદ્ધ canvas ને text તરીકે export કરે છે.

વ્યવહારિક ઉદાહરણ

1200 × 630નું પ્રોડક્ટ કાર્ડ રેન્ડર કરો, જનરેટ થયેલ SVG સોર્સની તપાસ કરો અને responsive ડોક્યુમેન્ટેશન પેજ માટે vector artifact રાખો.

માન્યકરણ

ગણતરી નિશ્ચિત છે અને અમાન્ય ઇનપુટને શાંતિથી બદલવાની જગ્યાએ માન્યતા ભૂલો સમજાવે છે.

ગોપનીયતા સીમા

ઇનપુટ અને આઉટપુટ આ ટેબમાં જ રહે છે. નકલ અને ડાઉનલોડ બ્રાઉઝર API દ્વારા થાય છે, સર્વર અપલોડ વિના.

પરિણામ પાસપોર્ટ

દરેક રન તેના ટૂલ મોડ, સમયમૂદ્રા અને ઇનપુટ/આઉટપુટ કદ રિપોર્ટ કરે છે જેથી પરિવર્તિત ડેટાની ઓડિટ કરી શકાય.