canvasライブラリーのfabric.jsを利用してブラウザ上で名刺などをデザインするオンラインデザインエディターの開発をしています。
例えばラクスルさんのようなサービスを実現したいと思い技術調査をしています。
■ラクスル例
https://design.raksul.com/products/business_card
※テンプレートを選択し編集する画面の話です
添付画像のように「入力エリア」があってその外枠に「入力エリア外」があります。
その「入力エリア外」に文字や図形などががはみ出してしまった場合、「入力エリア外」にはみ出した部分を半透明にしたいのですが、fabric.jsで実装することは可能なことでしょうか?
また、「入力エリア内」だけをPNGなどの画像として生成したいのですが可能でしょうか?
勉強不足で恐縮ですがアドバイスを頂けますと幸いです。
あなたの回答
tips
プレビュー