大佬教程收集整理的这篇文章主要介绍了jquery – SVG粉笔线问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我到目前为止所尝试的是在Illustrator中创建像纹理一样的粉笔并将其导出到SVG,但我怎么能在现有SVG中将此SVG文件作为模式导入而无需手动复制所有路径信息?我怎样才能使这个纹理尽可能高效,这样观众就不必加载23 MB的路径信息?
我希望你们能帮助我.
干杯,
隐藏
附:这是我到目前为止所提出的:
这只是一个开始,但你可以从中得到相当不错的结果,这是一个例子:
<filter id="chalk" height="2" width="1.6" color-interpolation-filters="sRGB" y="-0.5" x="-0.3"> <feTurbulence baseFrequency="0.32065" seed="115" result="result1" numOctaves="1" type="turbulence"/> <feOffset result="result2" dx="-5" dy="-5"/> <feDisplacementMap scale="10" yChAnnelSELEctor="G" in2="result1" xChAnnelSELEctor="R" in="sourceGraphic"/> <feGaussianBlur stdDeviation="1.1169"/> </filter>
然后根据需要在形状和文本上使用它,例如:
<text filter="url(#chalk)" font-size="26px" fill="white">f(X) = 4x + 7</text> <rect filter="url(#chalk)" width="150" stroke="#FFF" stroke-dasharray="16,4" stroke-width="4" fill="none"/>
以上是大佬教程为你收集整理的jquery – SVG粉笔线问题全部内容,希望文章能够帮你解决jquery – SVG粉笔线问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。