You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - zumerlab/snapdom: snapDOM captures DOM nodes as images with exceptional speed and accuracy.
ズーム可能なSVGを実装する方法の解説 | 株式会社カブク
ソフトウェアエンジニアの畠山です。今回は，SVGに対して"Pan"と"Zoom"を実装する方法を解説します。 PanとZoomのためのライブラリはsvg-pan-zoomなどがありますが，今回はこういったライブラリを使用しないで実装してみます。 ※ Google Chrome 69でしか動作検証していません。 SVGのviewBox まず最初に，svgタグのviewBox属性についておさらいしておきます。なぜならこのviewBoxを使ってPanとZoomを実現するからです．viewBox属性は”min-x”, “min-y”, “width”, “height” の4つの数値リストをスペース区切り（もしくはカンマ区切り）で指定します． 例えば，viewBox属性に[min-x min-y width height] = [0 0 100 100] を指定すると以下のようになります。 <sv
Breaking Up with SVG-in-JS in 2023
Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs don’t belong into your JS bundle. It’s about time to bring back SVG-in-HTML. Let’s take
GitHub - tdewolff/minify: Go minifiers for web formats
Online demo if you need to minify files now. Binaries of CLI for various platforms. See CLI for more installation instructions. Windows binary from scoop install with scoop install main/minify Python bindings install with pip install tdewolff-minify JavaScript bindings install with npm i @tdewolff/minify .NET bindings install with Install-Package NMinify or dotnet add package NMinify, thanks to Jo
billboard.js 3.0 release: D3.js v6 support & new candlestick type!
For the detailed release info, please checkout the release note: https://github.com/naver/billboard.js/releases/tag/3.0.0 TL;DRthe major version changes is mainly to support for D3.js v6new candlestick(OHLC) type support.export() API enhancementsnew subchart APIsD3.js v6 SupportD3.js major release v6 came out August of 2020, with some breaking changes. We were working for the adoption and heard fe
GitHub - rsify/pico: Take browser screenshots in Javascript 📸
Warning: nerdy This program renders whatever is displayed in the given Window into an image, thanks to svg's <foreignObject>. No server side code is required to produce the screenshot. There is no native Javascript API to take the screenshot of what the user is currently seeing on their screen (and because of security issues there probably will never be one). Since we don't have access to the raw
flowchart.js
st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... para=>parallel: parallel tasks in=>input: some in out=>output: some out st->op1->cond cond(yes)->io->e cond(no)->para para(path1, bottom)->sub1(right)->op1 para(path2, top)->o
Rough.js
Create graphics with a hand-drawn, sketchy, appearance Rough.js is a small (<9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG. Install Install from npm: npm install --save roughjs And use it in
GitHub - shrhdk/text-to-svg: Convert text to SVG path without native dependence.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 72"> <path fill="red" stroke="black" d="M5.27 9.28L10.62 9.28L10.62 29.36Q15.86 24.12 21.02 24.12Q26.89 24.12 29.60 29.29Q31.11 32.20 31.11 36.35L31.11 59.70L25.77 59.70L25.77 37.93Q25.77 29.21 20.18 29.21Q16.42 29.21 13.57 31.96Q10.62 34.91 10.62 38.71L10.62 59.70L5.27 59.70L5.27 9.28ZM67.68 49.08Q
Release v4.0.0 · d3/d3
D3 is now modular, composed of many small libraries that you can also use independently. Each library has its own repo and release cycle for faster development. The modular approach also improves the process for custom bundles and plugins. There are a lot of improvements in 4.0: there were about as many commits in 4.0 as in all prior versions of D3. Some changes make D3 easier to learn and use, su
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vercel/satori: Enlightened library to convert HTML and CSS to SVG
GitHub - AlexeyBoiko/DgrmJS: Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Release v7.0.0 · d3/d3
GitHub - felixfbecker/dom-to-svg: Library to convert a given HTML DOM node into an accessible SVG "screenshot".
GitHub - dyatko/arkit: JavaScript architecture diagrams and dependency graphs
Free Open Source SVG Icons Set Pack and Library [100+ Icons] - Vivid.js![Free Open Source SVG Icons Set Pack and Library [100+ Icons] - Vivid.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e585746ef177cb897ca6e7387b43f40d9ecd59f/height=288;version=1;width=512/https%3A%2F%2Fwebkul.github.io%2Fvivid%2Fassets%2Fres%2Fvivid-cover.png)
GitHub - anseki/leader-line: Draw a leader line in your web page.
GitHub - Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
GitHub - jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
GitHub - azu/jscode-to-svg: Syntax Highlighted JavaScript code to SVG
