Comments (2)
For openHPI we are currently using PDF templates generated by Adobe Illustrator (example ) and a XML/SVG for the dynamic content placement
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="595" height="842" viewBox="0 0 595 842" xml:space="preserve">
<g id="Dynamic data">
<text fill="#DE6926" stroke-width="0" x="353" y="106" font-size="23" font-family="NeoSansMedium" text-anchor="middle" xml:space="preserve">##NAME##</text>
<text fill="#5E646C" stroke-width="0" x="353" y="124" font-size="11" font-family="Helvetica" text-anchor="middle" xml:space="preserve">##EMAIL##</text>
<text fill="#5E646C" stroke-width="0" x="353" y="141" font-size="11" font-family="Helvetica" text-anchor="middle" xml:space="preserve">##BIRTHDAY##</text>
<text fill="#3B3939" stroke-width="0" x="180" y="544" font-size="11" font-family="Helvetica" text-anchor="start" xml:space="preserve">##GRADE##</text>
<text fill="#3B3939" stroke-width="0" x="180" y="564" font-size="11" font-family="Helvetica" text-anchor="start" xml:space="preserve">##TOP##</text>
<text fill="#3B3939" stroke-width="0" x="165" y="757" font-size="11" font-family="Helvetica" text-anchor="start" xml:space="preserve">Potsdam, ##ISSUED_AT##</text>
<text fill="#3B3939" stroke-width="0" x="165" y="771" font-size="7" font-family="Helvetica" text-anchor="start" xml:space="preserve">##VERIFY##</text>
</g>
</svg>
Could be a good alternative for visual credentials, as this allows for rendering from information that is in the VC, rather than already baking the information in the image.
from learner-credential-wallet.
Can take a look at Ian Malcolm Student ID mock cred on app for image example. Closing this ticket.
from learner-credential-wallet.
Related Issues (20)
- OWF: React Native Update
- OWF: Add Expo / upgrade to latest RN HOT 1
- OWF: Fix warnings
- Q&A- Tec: LCW Web wallet HOT 5
- PDF display/preview HOT 2
- [EPIC] OWF Handover HOT 1
- Update mock credentials HOT 1
- Feature Flag: Password prompt at wallet setup
- Feature Flag: Registering Wallet with browser at wallet setup
- Feature Flag: Dark Mode HOT 1
- OWF: ViewPropTypes error on Android and iOS
- OWF: ReferenceError: Property 'Buffer' doesn't exist, js engine: hermes HOT 5
- Remove checkbox from for pw protection for Backup screen
- Move LCW Acceptance Testing spreadsheet - Template
- Unrecognized platform name visionOS RNKeyChainManager error HOT 1
- Add support for date format string HOT 1
- Asked to choose Profile when only one exists
- Release process doc - create HOT 1
- Add QR code to PDFs for verification HOT 6
- auth_type `code` no longer works for claiming a credential HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from learner-credential-wallet.