CSS3 テキスト装飾プロパティのポリフィルのように、テキストの下線をカスタマイズする mixin を実装しようとしています: line、style、color は、ブラウザーではまだサポートされていません。
私の考えは、キャンバスに適切な線を描画し、それを data-uri に変換して、ターゲット要素の背景として使用することです。問題は、node.js で LESS をコンパイルするときに、環境にキャンバスがないことです。技術的には、node-canvasを使用してこのタスクを実行できますが、LESS をコンパイルするためだけに node の依存関係を作成したくありません。
外部ライブラリや依存関係を使用せずに、何らかの形でマイクロイメージをペイントし、これに基づいてデータ URI を形成するための優れた簡単な代替方法はありますか?
解決済み: PNG データ ジェネレーター コードといくつかのデモがここにあります。インデックス付きの色の png を生成し、データとしてバイト (文字列) のストリームを受け入れるの.pngは mixin です。ここで、00 - 透明な色、01 - 渡された色です。