| OLD | NEW |
| (Empty) |
| 1 // Generates code for a CSS paint API function which logs the given properties | |
| 2 // to the console. | |
| 3 // | |
| 4 // Usage: | |
| 5 // generatePaintStyleLogging([ | |
| 6 // '--foo', | |
| 7 // 'line-height', | |
| 8 // ]); | |
| 9 | |
| 10 function generatePaintStyleLogging(properties) { | |
| 11 const json = JSON.stringify(properties); | |
| 12 return ` | |
| 13 registerPaint('test', class { | |
| 14 static get inputProperties() { return ${json}; } | |
| 15 paint(ctx, geom, styleMap) { | |
| 16 const properties = styleMap.getProperties().sort(); | |
| 17 for (let i = 0; i < properties.length; i++) { | |
| 18 const value = styleMap.get(properties[i]); | |
| 19 let serialized; | |
| 20 if (value) { | |
| 21 serialized = '[' + value.constructor.name + '=' + value.
cssText + ']'; | |
| 22 } else { | |
| 23 serialized = '[null]'; | |
| 24 } | |
| 25 console.log(properties[i] + ': ' + serialized); | |
| 26 } | |
| 27 } | |
| 28 }); | |
| 29 `; | |
| 30 } | |
| OLD | NEW |