svg पर टैग किए गए जवाब

क्या SVG मार्कअप को एक ReactJS घटक में एम्बेड करना संभव है? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } त्रुटि में परिणाम: Namespace विशेषताएँ समर्थित नहीं हैं। ReactJSX XML नहीं है। ऐसा करने का सबसे हल्का तरीका क्या है। रिएक्ट एआरटी की …

127 javascript  svg  reactjs 

बन्द है। यह प्रश्न स्टैक ओवरफ्लो दिशानिर्देशों को पूरा नहीं करता है । यह वर्तमान में उत्तर स्वीकार नहीं कर रहा है। इस प्रश्न को सुधारना चाहते हैं? सवाल को अपडेट करें ताकि यह स्टैक ओवरफ्लो के लिए ऑन-टॉपिक हो । 2 साल पहले बंद हुआ । इस प्रश्न को …

114 pdf  svg 

इसलिए सामान्य रूप से मेरे अधिकांश एसवीजी आइकनों को शामिल करने के लिए जिन्हें सरल स्टाइल की आवश्यकता होती है, मैं करता हूं: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> अब मैं ReactJS साथ खेल रहे हैं देर से मेरी नई सामने के अंत विकास ढेर में संभावित घटक के रूप में …

114 svg  sprite  reactjs 

मेरे पास कुछ एसवीजी फाइलें हैं जो निर्दिष्ट करती हैं widthऔर heightसाथ ही viewboxइस तरह हैं: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... लेकिन मैं उन्हें किस आकार में ब्राउज़र में प्रदर्शित करता हूं, यह मैं तय करता हूं। मैं उन्हें छोटा चाहता हूं और कोशिश कर रहा …

114 html  svg 

मैं एक ऐसी परियोजना को अद्यतन करने के लिए उपयोग करने के लिए सही तकनीक का चयन करने की कोशिश कर रहा हूं जो मूल रूप से एक ज़ूम करने योग्य, pannable ग्राफ में हजारों अंकों का प्रतिपादन करती है। वर्तमान कार्यान्वयन, प्रोटोविस का उपयोग करते हुए, अंडरपरफॉर्मेंट है। यहां …

114 html  canvas  svg  d3.js  kineticjs 

मेरे XML को संसाधित करते समय, मैं एक एसवीजी फाइल को संदर्भित करने की कोशिश कर रहा हूं जो कि hrefमेरे आउटपुट HTML में सीधे एक विशेषता से संदर्भित है जिसमें निम्न पंक्ति है: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> copy-namespacesआवश्यक के बाद से डिफ़ॉल्ट मान "हाँ" वैसे भी है नहीं होना चाहिए, …

113 html  xml  svg  xslt-1.0  xslt-2.0 

2020 तक कौन से फ़ेविकॉन आयाम, फ़ाइल प्रारूप और मेटा / लिंक टैग का उपयोग किया जाना चाहिए? इसमें ऐप्पल आइकन, विंडोज़, एंड्रॉइड और अन्य डिवाइस शामिल हैं जिनका लोग आज उपयोग करते हैं। मैं ओपेरा का उपयोग करता हूं और मैं देख सकता हूं कि यह svg प्रारूप का …

113 html  svg  png  favicon 

लक्ष्य <svg>अपने मूल कंटेनर के आकार के लिए तत्व का विस्तार करना है, इस मामले में <div>, कोई फर्क नहीं पड़ता कि कंटेनर कितना बड़ा या छोटा हो सकता है। कोड: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" …

112 css  html  svg  responsive-design 

मैं एक वेब प्रोजेक्ट पर काम कर रहा हूं, जिसमें डेटा के एक सेट के आधार पर अमेरिका के विभिन्न राज्यों को गतिशील रूप से तैयार किया गया नक्शा शामिल है। यह एसवीजी फ़ाइल मुझे यूएस का एक अच्छा खाली नक्शा देती है और प्रत्येक राज्य का रंग बदलने में …

111 php  svg  imagemagick  jpeg  gd2 

मैं बस एक बहुत ही अजीब समस्या में चला गया हूं जो केवल सफारी 10 में दिखाई देता है। मेरे पास कार्ड खेलना है, एसवीजी छवियां हैं, जिन्हें कभी-कभी उपयोग करके घुमाया जाता है transform:rotate(xdeg)। मेरे द्वारा उपयोग किए जा रहे कार्ड में एक लाल ब्लॉक पैटर्न है। जब इसे …

109 html  css  svg  safari 

में typescript(*.tsx)फ़ाइलों मैं इस कथन से svg फ़ाइल आयात नहीं कर सकते हैं: import logo from './logo.svg'; Transpiler कहता है: [ts] cannot find module './logo.svg'. मेरा svg फ़ाइल बस है<svg>...</svg> । लेकीन मे .js फ़ाइल में मैं इसे बिना किसी समस्या के आयात कर सकता हूं, ठीक उसी आयात विवरण …

109 typescript  svg 

मैं <text>एसवीजी में एक प्रदर्शित करना चाहूंगा कि कंटेनर <rect>में ऑटो-लाइन-रैप क्या उसी तरह होगा जैसे HTML पाठ <div>तत्वों को भरता है। क्या इसे करने का कोई तरीका है? मैं <tspan>एस का उपयोग करके संयम से लाइनों को नहीं रखना चाहता ।

108 xml  text  svg  word-wrap 

तो यहाँ मेरे पास है: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility …

107 javascript  svg  newline  line-breaks 

जब एसवीजी सीधे <svg>टैग का उपयोग करते हुए एक दस्तावेज़ में शामिल होता है , तो आप दस्तावेज़ की स्टाइलशीट के माध्यम से एसवीजी में सीएसएस शैलियों को लागू कर सकते हैं। हालांकि, मैं एक एसवीजी को एक शैली लागू करने की कोशिश कर रहा हूं जो एम्बेडेड है ( …

107 html  css  svg 

Svg की x और dx विशेषता (या y और dy) में क्या अंतर है? स्थान विशेषता (x) बनाम अक्ष परिवर्तन विशेषता (dx) का उपयोग करने का उचित समय कब होगा? उदाहरण के लिए, मैंने बहुत सारे डी 3 उदाहरणों पर ध्यान दिया है जो कुछ इस तरह से कर रहे …

106 svg  d3.js