blazor支持html5吗,GitHub - Mobsites/Blazor.SignaturePad: A Blazor UI component for smooth signature dra...

Blazor Signature Pad

68747470733a2f2f696d672e736869656c64732e696f2f6e756765742f762f4d6f6273697465732e426c617a6f722e5369676e617475726550616468747470733a2f2f696d672e736869656c64732e696f2f6e756765742f64742f4d6f6273697465732e426c617a6f722e5369676e617475726550616468747470733a2f2f6465762e617a7572652e636f6d2f4d6f6273697465732d55532f426c617a6f722532305369676e61747572652532305061642f5f617069732f6275696c642f7374617475732f4275696c643f6272616e63684e616d653d6d6173746572

A Blazor UI component that utilizes Szymon Nowak's Signature Pad javascript library to implement smooth signature drawing on a HTML5 canvas.

Don't worry! You don't have to touch any javascript to make use of this library. Blazor Signature Pad abstracts all of that away for you. Just plug and play, baby.

Tap the link above to go to a live demo. Try some of the options to get an idea of what's possible. Then reload the app in the browser and watch how the state was kept!

Check out its source code here.

a7ee5b493a6ee7656d5ecd9991f59bf1.gif

For

Blazor WebAssembly

Blazor Server

Dependencies

.NETStandard 2.0

Mobsites.Blazor.BaseComponents (>= 1.0.4)

Design and Development

The design and development of this Blazor component was influenced by Microsoft's Steve Sanderson. He outlines a superb approach to building and deploying a reusable component library in this presentation and example.

As for the non-C# implementation of this component library, obviously the Signature Pad docs were consulted carefully. And it goes without saying (but I'm going to say it anyway), that Blazor Signature Pad would not be what it is...were it not for Szymon Nowak's hard work beforehand.

Now, not every aspect of his awesome javascript library has been ported over, and I can't say that it ever will. I am still considering a few aspects as well as possible extensions to it (in C#, mind you). If you are familiar with said javascript library and have any suggestions, feel free to chime in and contribute.

Getting Started

Check out our new docs to help you get started.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值