鍍金池/ 問答/ 室內(nèi)設(shè)計(jì)問答
吢丕 回答

也許可以先去了解一下“字體格式”。里面解析后應(yīng)該可以解析出“部件”，然后可以生成一個(gè)初步的筆順（從上到下，從左到右）
然后，再補(bǔ)充以拆部件之后，人工窮舉的順序，那么大概率可以組合出每個(gè)字的筆順吧。
沒實(shí)際做過，只是思路。

嫑吢丕 回答

用成型框架可以

getBBox() 原生的方法

https://blog.csdn.net/NEWSEKA...

耍太極 回答

svg中添加圖形節(jié)點(diǎn)，查看html,你會(huì)發(fā)現(xiàn)dom節(jié)點(diǎn)更新了，但圖形沒有變化。為什么?你要知道,svg是一個(gè)置換元素，置換元素是什么，你可以看看這篇文章,簡(jiǎn)單來說，svg和div這些dom元素這些不一樣，其表現(xiàn)由其內(nèi)部繪制元素決定，就像置換元素img一樣，其表現(xiàn)由其屬性src決定。另外你還需要因?yàn)檫@樣,svg中的繪制元素，是不支持事件委托的。

不討囍 回答

突然發(fā)現(xiàn)了這個(gè)屬性, 問題解決了.
dominant-baseline: text-before-edge;

對(duì)于流圖（有向無環(huán)圖）布局，不建議用力引導(dǎo)布局，可以用bary-center算法，從左到右掃描，下一層的點(diǎn)的順序由上一層父節(jié)點(diǎn)的平均值獲得，得到順序后再算具體坐標(biāo)，再從右向左掃描，直到迭代到合適的線交叉率為止。
可以參考d3的桑吉圖(d3-sankey)實(shí)現(xiàn)；也可以參考dagre.js（我都是直接調(diào)用的。。。）。

背叛者 回答

是不是你圖片是設(shè)置長(zhǎng)款的，所以就變成了壓縮圖了

撥弦 回答

好像有點(diǎn)類似

viewbox可以理解成一個(gè)窗口，離窗口越近看的東西越大，反之則越小

相機(jī)也是類似，只不過相機(jī)的變換則復(fù)雜的多，通過矩陣的變換才能實(shí)現(xiàn)類似效果

司令 回答 
"<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>"

clipboard.png

代碼被編碼轉(zhuǎn)義了

囍槑 回答

You know now CSS3 is used to make games i have also made very interesting transitions and animations through css3 checkout
queryhelp learn programming

孤巷 回答

隨手搜了下：

clipboard.png

41個(gè)結(jié)果……

詆毀你 回答

<title></title>

eg:

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
  <g>
    <title>SVG Title Demo example</title>
    <rect x="10" y="10" width="200" height="50"
    style="fill:none; stroke:blue; stroke-width:1px"/>
  </g>
</svg>
乞許 回答

你得對(duì)一個(gè)不變的元素進(jìn)行鼠標(biāo)事件監(jiān)聽，不然不亂套了

function handleMouseMove(event) {
  // console.log(evt)
  const width = document.getElementById('container').scrollWidth;
  const offsetX = event.offsetX


  console.log(width,offsetX,event)
  document.getElementById('rect').setAttribute('x',offsetX/width*1000)
  // const im = evt.target.getScreenCTM();
  // const svg = evt.target.ownerSVGElement;
  // const pt = svg.createSVGPoint();
  // pt.x = evt.clientX;
  // pt.y = evt.clientY;
  // const p = pt.matrixTransform(im);
  // console.log(p.x, p.y);
}
<svg version="1.1" baseProfile="full" width="100%" height="200" viewBox="0 0 1020 200"
xmlns="http://www.w3.org/2000/svg" style="border: 1px solid red" id="container" onmousemove="handleMouseMove(event)">
  <g transform="translate(10,0)">
    <rect id="rect" x="0" width="1000" height="90%" fill="#33546F"/>
    <line x1="100" x2="100" y1="0" y2="90%" stroke="#ccc" id="line" />
  </g>
</svg>
孤毒 回答

因?yàn)檫€在加班所以大致提個(gè)思路，當(dāng)然不一定對(duì)啊..
0、先寫個(gè)div，border為1px，隱藏
1、在上面的點(diǎn)點(diǎn)擊時(shí)，修改一個(gè)狀態(tài)表示flag = true，并記下點(diǎn)擊坐標(biāo)
2、在hover到下面的點(diǎn)的時(shí)候，如果flag == true，那讓div顯示出來，然后獲得移入坐標(biāo)
3、給div做變換，scale跟rotate用起點(diǎn)跟終點(diǎn)的坐標(biāo)算
4、顯示div
5、flag = false

忠妾 回答

已經(jīng)獲取到target元素，就可以判斷結(jié)束位置是否是circle元素。不是則調(diào)用line.remove()刪掉

安若晴 回答

RE=/^(.*) ([0-9]{3}-[0-9]{4}-[0-9]{2}-[0-9])編號(hào)的(.*)來了$/

深記你 回答

是不是svg中的text中加了特殊字體，到canvas中找不到了。
實(shí)在不行，可以將text作為image.

首頁 上一頁 1 2 3 4 下一頁 尾頁